使用JS輕松實(shí)現(xiàn)ionic調(diào)用鍵盤(pán)搜索功能(超實(shí)用)
這個(gè)需求是產(chǎn)品提的，一開(kāi)始只是設(shè)置了 <input style="padding-top: 3px;" type="search" placeholder="搜索醫(yī)生或醫(yī)院" ng-model="query">
type="search"
發(fā)現(xiàn)android上可以ios調(diào)取不出search健來(lái)，氣死我了，經(jīng)過(guò)google的搜索得到結(jié)論，需要在外面套用一個(gè)form表單，于是加上果然好使而且結(jié)合了form表單提交的事件直接調(diào)用了button 按鈕的點(diǎn)擊事件ng-click="searchSelect()"，不需要額外再去監(jiān)聽(tīng)搜索鍵盤(pán)點(diǎn)擊事件，省了一大堆的麻煩，果然很實(shí)用啊，我真是個(gè)天才
hml代碼如下：
<form> <div class="bar bar-header item-input-inset" style="height: 50px;"> <label class="item-input-wrapper" id="search-input"> <i class="icon ion-ios-search" style="position: relative;color: gray;font-size: 1.5em;top: 1px;"></i> <input style="padding-top: 3px;" type="search" placeholder="搜索醫(yī)生或醫(yī)院" ng-model="query"> </label> <button class="button button-clear" style="color: #49B746;" ng-click="searchSelect()">搜索</button> </div> </form>
js代碼如下：
$scope.searchSelect = function(){
if ($scope.currentSearchType == 'hospital'){
}else{
$scope.search();
}
};
以上所述是小編給大家介紹的使用JS輕松實(shí)現(xiàn)ionic調(diào)用鍵盤(pán)搜索功能(超實(shí)用)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
小程序頁(yè)面動(dòng)態(tài)配置實(shí)現(xiàn)方法
這篇文章主要介紹了小程序頁(yè)面動(dòng)態(tài)配置實(shí)現(xiàn)方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-02-02
ng-options和ng-checked在表單中的高級(jí)運(yùn)用(推薦)
AngularJS是當(dāng)前非常的流行的前端框架，它的語(yǔ)法糖非常多，也極大的方便了前端開(kāi)發(fā)者。這篇文章主要介紹了ng-options和ng-checked在表單中的高級(jí)運(yùn)用,需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細(xì)介紹了js自制圖片放大鏡功能的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-01-01
tangram.js庫(kù)實(shí)現(xiàn)js類(lèi)的方式實(shí)例分析
這篇文章主要介紹了tangram.js庫(kù)實(shí)現(xiàn)js類(lèi)的方式,結(jié)合實(shí)例形式分析了tangram.js庫(kù)實(shí)現(xiàn)類(lèi)的創(chuàng)建、繼承等相關(guān)操作技巧,需要的朋友可以參考下2018-01-01
JS獲取iframe中marginHeight和marginWidth屬性的方法
這篇文章主要介紹了JS獲取iframe中marginHeight和marginWidth屬性的方法,涉及javascript操作iframe屬性的技巧,并分析了marginHeight和marginWidth屬性的功能,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
代碼觸發(fā)js事件(click、change)示例應(yīng)用
Chrome , Firfox 不支持fireEvent的方法可以使用dispatchEvent的方法替代，直接給一個(gè)兼容的Code，下面有個(gè)不錯(cuò)的示例，喜歡的朋友可以收藏下2013-12-12
JavaScript定義數(shù)組的三種方法(new Array(),new Array(''x'',''y'')
下面小編就為大家?guī)?lái)一篇JavaScript定義數(shù)組的三種方法(new Array(),new Array('x','y')。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
本文通過(guò)實(shí)例代碼給大家介紹了ES6中的Promise，感興趣的朋友參考下吧2017-10-10
本文詳細(xì)講解了JS異步編程之Promise對(duì)象，文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-06-06
這篇文章主要為大家詳細(xì)介紹了用JavaScript實(shí)現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10