IOS下H5的input/textarea元素失去焦点时隐藏键盘

Posted 秋风8

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了IOS下H5的input/textarea元素失去焦点时隐藏键盘相关的知识,希望对你有一定的参考价值。

ios下document添加一个click事件不触发,不会失去焦点,导致点击input框外的其它地方不会自动消失键盘,还有就是双击其它空白地方会导致整个页面上移

既然click不能触发,可以用移动端的touch事件进行:

ontouchstart
ontouchmove
ontouchend
ontouchcancel

 

判断当前点击的元素是不是在输入框上,不是就调用blur()方法主动失去焦点即可。




以上是关于IOS下H5的input/textarea元素失去焦点时隐藏键盘的主要内容,如果未能解决你的问题,请参考以下文章

vue input,textarea失去焦点调用函数方法

jquery元素事件列表说明

native-base中Input,Textarea等组件在ios平台下不能输入中文

h5页面在iOS上的问题解决

h5 解决ios端输入框失去焦点后页面不回弹或者底部留白问题

:input 匹配所有 input, textarea, select 和 button 元素