zepot 的 tap事件 bug

看了好久的博客 今天一个问题搞的我很郁闷 所以我想把这个问题分享出来

 

闲话少说 直接亮真相

有图有真相

当我给图上 x 按钮  绑定tap 事件后我发现 会触发下面图片的 a链接  或者是 click事件 

苦思良久 发现是 tap 事件的的实现原理

tap 事件是模拟出来的 究其原理 我发现他是 touch 绑定在body上模拟出来 他有一个冒泡的过程 会触发 被点到的元素

 

解决方法 :

 

1，https://github.com/ftlabs/fastclick

这个工具可以代替tap 实现 避免click 的延迟

2，touchend 使用 事件 这是原生的 

$（element）.on( 'touchend' , function (e){ 

     coding...


     e.preventDefault();

})

 

 

 

 

 

 

转载于:https://www.cnblogs.com/WebCodeEngineer/p/3611856.html