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