码迷,mamicode.com
首页 > 其他好文 > 详细

iscroll5在使用情况下click事件失效的问题

时间:2017-06-26 17:13:37      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:使用   点击   简单   oat   判断   简单的   mouse   ipad   turn   

转载自: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事件失效的问题

标签:使用   点击   简单   oat   判断   简单的   mouse   ipad   turn   

原文地址:http://www.cnblogs.com/xuzhudong/p/7081047.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!