手机端图片缩放旋转全屏查看PhotoSwipe.js插件实现(3)

// 在android 手机上多个层次触发点击,我们采用的是用定时器进行拦截 var event_timeout = 500;// 预防多次事件触发 // 阻止短时间内连续事件 var multiClickPrevent = false; function preventMultiClick(){ if(multiClickPrevent){ return false; } multiClickPrevent = true; window.setTimeout(function(){ multiClickPrevent = false; },event_timeout); return true; }; // 适配浏览器 var useragent = navigator.userAgent; var likeIOS = useragent.match(/iPad|iPhone|iPod/i); var likeAndroid = useragent.match(/android/i); var specialClick = "click"; if(likeIOS){ specialClick = "touchstart click"; } else if(likeAndroid){ specialClick = "touchstart click"; } /示例 $(".t_right").live(specialClick,function(){ if(preventMultiClick()){ // 执行其他操作 } else { // else 就是拒绝操作啦,可以直接返回 false 之类的 return false; } }); //示例 $("body").live(specialClick,function(){ if(preventMultiClick()){ // 执行其他操作 } });

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzffxp.html