移动端使用isscroll.js input无法获取焦点(就是点了没反应啦!)

Posted DoubleLife

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端使用isscroll.js input无法获取焦点(就是点了没反应啦!)相关的知识,希望对你有一定的参考价值。

有幸网上找到了解决的办法

只要在代码里加入以下一段代码就可以了

function allowFormsInIscroll(){
 [].slice.call(document.querySelectorAll(\'input, select, button\')).forEach(function(el){
 el.addEventListener((\'ontouchstart\' in window)?\'touchstart\':\'mousedown\', function(e){
 e.stopPropagation();
 
 })
 })
 }
 document.addEventListener(\'DOMContentLoaded\', allowFormsInIscroll, false);

 问题原因是:iscroll需要一直监听用户的touch操作,以便灵敏的做出对应效果,所以它把其余的默认事件屏蔽了。

以上代码原理是:页面加载完成后查找到所有的\'input, select, button\'元素并依次绑定\'touchstart\'或\'mousedown\'事件,在执行事件的时候停止事件的传播,这样行了。

原作者地址:http://www.cnblogs.com/duanhuajian/archive/2012/11/09/2763159.html

以上是关于移动端使用isscroll.js input无法获取焦点(就是点了没反应啦!)的主要内容,如果未能解决你的问题,请参考以下文章

移动端input 无法获取焦点的问题

input:file onchange事件无法读取解决方法

转 移动端-webkit-user-select:none导致input/textarea输入框无法输入

移动端车牌识别SDK,您无法拒绝的技术!

移动端H5输入框踩坑总结

移动端制作中可能遇到的一些问题及解决方法