关于如何在移动端收起键盘
遇到问题,再点击提交问卷时,手机的键盘没有收起来,该项目前端是用vue.js,手势是用vue-tap.js
这样的效果貌似用户体验不好。
这时候我就在网上搜,js控制手机键盘。。。。
后来问了一下群的朋友。
换了一下逻辑,首先键盘为何会弹出,因为点击了输入框,该输入框获得的焦点,于是键盘就弹出了。
所以方法很简单,只要让该输入框失去焦点就行了。或者焦点转移到别的地方。
dom.blur();//// js 失去焦点
$().blur();/////jq失去焦点
dom.focus();///js 获得焦点(焦点转移)
$().focus();/////jq 获得焦点(焦点转移)
其实在正常的情况下是不需要这样做的,在点击提交的时候,焦点会转到按钮上面。
但是用了vue-tap.js这个手势它阻止了默认事件。所以才会有以上的情况。