ios上输入框聚焦难的解决方案
开发微信公众号一些录入界面,在ios系统点击输入框(input、select、textarea)聚焦时,有时聚焦不了,有时点好几次才聚焦,但在安卓系统却不会出现这个问题。后来才得知是因为页面引用了FastClick.js这个文件,FastClick这个是解决移动端延迟300毫秒的优化。这个原因是因为FastClick的点击穿透。解决方法如下:
本人测试了以下两种解决方案都可以解决该问题
方案1:
在fastclick.js文件加上代码 targetElement.focus();
位置如图:
方案2:
不要在输入框的页面引入fastclick.js文件
还有将页面代码FastClick.attach(document.body);注释掉。