首页 > 代码库 > iscroll5在使用情况下click事件失效的问题
iscroll5在使用情况下click事件失效的问题
转载自:http://www.52html5.com/?p=2618
Bug描述:
iOS、android4.4+下不能触发click事件。
Bug解决:
调用iscroll插件,增加配置参数:click:true/false
click的值是要根据移动终端设备进行判断,如果只是简单的判断终端类型的话,android4.4+还是不能点击,这就是安卓的一个坑,毕竟没有ios系统做的统一。
故增加一个函数去判断:
// ######### function iScrollClick(){ if (/iPhone|iPad|iPod|Macintosh/i.test(navigator.userAgent)) return false; if (/Chrome/i.test(navigator.userAgent)) return (/Android/i.test(navigator.userAgent)); if (/Silk/i.test(navigator.userAgent)) return false; if (/Android/i.test(navigator.userAgent)) { var s=navigator.userAgent.substr(navigator.userAgent.indexOf(‘Android‘)+8,3); return parseFloat(s[0]+s[3]) < 44 ? false : true } }
配置实例:
myScroll = new IScroll("#ID", { click:iScrollClick(), //调用判断函数 scrollbars: true,//有滚动条 mouseWheel: true,//允许滑轮滚动 fadeScrollbars: true//滚动时显示滚动条,默认影藏,并且是淡出淡入效果 });
经过亲身实践可以用,故记录一下
iscroll5在使用情况下click事件失效的问题
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。