angularjs之手機輸入法回車變搜索,並觸發事件,兼容pc回車事件

1、效果:回車按鈕變搜索android

以前的輸入法:ios

以後的輸入法:spa

 

2、功能實現code

<input type="search" id="search_input" placeholder="請輸入" ng-keypress="search($event)"/>

  一、將input的type屬性寫成search,輸入法回車按鈕會變成搜索,android有效,ios沒變。blog

  二、給input綁定keypress事件,android能夠實現搜索效果,ios每次點擊輸入法都會觸發事件,未達到效果。事件

  三、識別按鍵碼,當keyCode爲13的時候執行搜索代碼,android有效,ios有效,pc有效input

$scope.search = function(e){
       var key_code = window.event?e.keyCode:e.which;
       if(key_code==13){
            //此處寫搜索事件的代碼
       }
 }

 3、當咱們點擊搜索按鈕以後,但願軟鍵盤能自動收起來io

   能夠在搜索事件的代碼最後加上一句代碼:event

document.querySelector("#search_input").blur();
相關文章
相關標籤/搜索