手机 失去焦点 软键盘隐藏,输入完毕绑定事件。

1,ios8与 iphone5系列, android有一些不同。导致不能html页面监听软键盘事件  keyup  keydown 之类(亲测,暂时没发现什么方法过滤到,度娘也没有说)。

解决方案,js监听文本框表单submit 事件,第三方软键盘输入完毕,点击enter 都会触发此表单submit事件。

注:方法末尾,return false;

<form action="" method="post" onsubmit="return form_onsubmit(this);">
<input id="txtSearch"  type="text"/>
</form>

2,手机文本框 输入完毕后,如何隐藏软键盘。

方案:处理事件末让文本框 失去焦点blur() 。(focus();获得焦点)

function form_onsubmit(_this){ document.getElementById("txtSearch").blur();return false;}

注:

不同第三方输入法,过滤不完全。推荐sougou输入法,亲测android iphone5c  iphone6 下没有问题。

部分输入法不规范,文本框失去焦点并不收缩软键盘。(暂时没有办法解决)

 

posted @ 2014-12-02 11:47  诸葛萧晁  阅读(700)  评论(0)    收藏  举报