jquery mobile+iscroll使用时关于页面不能操作input标签问题
来源:互联网 发布:javascript 延迟 编辑:程序博客网 时间:2024/05/16 02:27
jquery mobile+iscroll 实现列表页滚动。
在做的过程中发现问题,是 iscroll 和jquery mobile 一起使用会滚动区域内的input,select以及button不可用。
费了好大力气才知道:
由于要通过touch事件模拟浏览器的滚动,iscroll阻止了滚动区域内的所有浏览器默认动作导致输入框焦点无法进入等问题。
解决方法:
在iscroll初始化时,注册以下方法,排除掉需要浏览器默认动作的元素
js代码
onBeforeScrollStart: function(e) { var target = e.target; while (target.nodeType != 1) target = target.parentNode; if (target.tagName != 'SELECT' && target.tagName != 'INPUT' && targ et.tagName != 'TEXTAREA' && target.tagName != 'BUTTON'){ e.preventDefault(); } }
这样就能解决啦
0 0
- jquery mobile+iscroll使用时关于页面不能操作input标签问题
- jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
- 使用iScroll时input复选框不能选中解决方法
- Jquery Mobile 插件 iscroll的使用
- jquery mobile关于使用iscroll动态加载数据实现下拉刷新和上拉的效果
- jQuery Mobile使用a标签跳转问题
- jquery操作input标签
- 使用iscroll后,input等不能输入内容的解决办法
- jquery mobile 页面问题
- 关于jQuery Mobile页面跳转后网页不刷新问题
- Jquery Mobile 使用问题
- jquery-mobile的页面跳转和iscroll之间的兼容解决方法
- 使用jquery mobile 创建页面
- 关于jquery mobile使用<a href="#"></a>进行页面跳转返回上一页出现空白页问题的解决
- 关于使用jquery mobile popup弹框阴影问题
- Jquery Mobile的页面刷新问题
- jquery mobile + iscrollview 页面宽度问题
- Iscroll.js使用之后页面上面A标签的onclick事件无效了
- 字符串过滤
- C#实现图片自由变换 任意扭曲的算法
- Enabling and configuring SAMBA as shipped with Solaris 10
- +load 和 +initialize 的区别
- 【hdoj 4109】Instrction Arrangement
- jquery mobile+iscroll使用时关于页面不能操作input标签问题
- snmp安装
- SSH各自作用
- 完美解决Android SDK Manager无法更新
- UVA - 1587 Box
- 对Android opengl ES世界坐标系和纹理坐标系的理解
- Hadoop2.2.0 benchmark:MapReduce example randomwriter的参数设置
- assert() 宏用法
- Orapub System Monitor