使用iScroll时，input等不能输入内容的解决方法

2019独角兽企业重金招聘Python工程师标准>>>

最近做移动平台的应用，使用iscroll使屏幕上下滑动。发现当使用iscroll后，input等不能输入内容了。只要在iscroll.js文件中加入如下代码就ok了。

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'事件，在执行事件的时候停止事件的传播，这样行了。

转载于:https://my.oschina.net/linbaoji/blog/159093

使用iScroll时，input等不能输入内容的解决方法相关推荐

已解决selenium模块向网页input文本框输入内容失败问题
已解决(selenium向input文本框输入内容失败问题)selenium.common.exceptions.ElementNotInteractableException: Message: e ...
html5div输入内容,将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚:在input框中输入内容,会相应的显示在下面的div中的不同做法: #div{ width: 175px; height: 100px; margin: 20px 84px; border: ...
html判断用户名的合法性,javascript简单判断输入内容是否合法的方法
本文实例讲述了javascript简单判断输入内容是否合法的方法.分享给大家供大家参考,具体如下: 关于检测用户输入的内容是否有非法的字符检测实现思路 1.定义合法的字符串(源字符串) 2.获取用户输 ...
vs2015调试时不显示vector内容的解决方法
vs2015调试时不显示vector内容的解决方法参考文章: (1)vs2015调试时不显示vector内容的解决方法 (2)https://www.cnblogs.com/Joetao/artic ...
mysql出现error 2003_mysql启动时出现ERROR 2003 (HY000)问题的解决方法
一.问题描述在启动MYSQL时出现问题:"ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)& ...
python excel单元格剪切清除粘贴复制_Excel复制粘贴时弹出“不能清除剪贴板”的解决方法...
Excel复制粘贴时弹出"不能清除剪贴板"的解决方法 2018-09-19 做一份统计报表,复制时出现"不能清楚剪切板" 1.不能清除剪贴板,主要是因为还有其它 ...
Dedecms5.7搜索结果页空白无内容的解决方法
Dedecms5.7搜索结果页空白.没有内容的解决方法许多网友在修改dedecms5.7版本的搜索功能时搜索空白的解决方法,正解如下: 系统设置->其他选项-->是否启用文章全文检索功能 ...
Windows下在Django中创建项目时ImportError: No module named django.core解决方法
Windows下在Django中创建项目时ImportError: No module named django.core解决方法今天在对照<Python编程:从入门到实践>学## 标题 ...
Visual Studio 2013运行时卡顿 CPU占用超高的解决方法
文章原始连接: http://feotech.com/?p=116 Visual Studio 2013运行时卡顿 CPU占用超高的解决方法使用Visual C++ 编写程序时发现输入代码时特别卡顿 ...

使用iScroll时，input等不能输入内容的解决方法

使用iScroll时，input等不能输入内容的解决方法相关推荐

最新文章

热门文章