关于如何在移动端收起键盘

遇到问题,再点击提交问卷时,手机的键盘没有收起来,该项目前端是用vue.js,手势是用vue-tap.js

 

这样的效果貌似用户体验不好。

这时候我就在网上搜,js控制手机键盘。。。。

后来问了一下群的朋友。

 

换了一下逻辑,首先键盘为何会弹出,因为点击了输入框,该输入框获得的焦点,于是键盘就弹出了。

所以方法很简单,只要让该输入框失去焦点就行了。或者焦点转移到别的地方。

dom.blur();//// js 失去焦点  

$().blur();/////jq失去焦点  

dom.focus();///js 获得焦点(焦点转移)

$().focus();/////jq 获得焦点(焦点转移)

 

其实在正常的情况下是不需要这样做的,在点击提交的时候,焦点会转到按钮上面。

但是用了vue-tap.js这个手势它阻止了默认事件。所以才会有以上的情况。

 

posted @ 2016-10-12 10:44  to_Matthew  阅读(7279)  评论(1编辑  收藏  举报