非输入区键盘隐藏方法
非输入区键盘消失的问题其实挺常见的，尤其是做移动端表单页面的时候。你也遇到过，用户点了别的区域，键盘还赖着不走，挺烦人的。要想让键盘收起来，有几个办法还蛮实用的，适配性也不错。
像是用blur()让输入框失焦，或者监听touchstart事件，判断是不是点到输入框外面了。配合document.activeElement一起用，效果还行。
啦，不同框架方式不太一样，Vue、React、原生 JS 都有自己的写法。
我整理了一些相关资源，像是自定义键盘输入、vue 车牌号输入键盘这种，里面的交互思路和隐藏键盘的方式都能参考参考。
如果你在做类似的 H5 页面，是有输入框交互的那种，建议加点setTimeout延迟，避免动画冲突。还有一点，iOS 上坑比较多，别忘了多测几个设备。
文件大小：552.51KB
评论区