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();
相关文章
相关标签/搜索