js阻止事件冒泡的正确姿势

在前端页面开发中,我们经常会有点击子区域时,不触发父区域事件的需求,最近做的一个项目就出现了这个问题

页面上面的代码


       
标题标题
![](http://upload-images.jianshu.io/upload_images/3558073-752c1387ff34f60b.png)

我们需要在点击图片区域的时候实现查看大图的效果,点击其他区域的时候实现跳转页面的效果,而且跳转页面有可能是在app里面的需要打开一个新的activity的窗口,所以我们需要在a标签实现一个事件监听,在图片上面也要实现一个事件监听

阻止事件冒泡的一般做法是

e.stopPropagation();

但是发现在使用了zepto上面不能实现,查看源码之后发现,需要使用另一个来进行阻止

e.stopImmediatePropagation();

也就是阻止直接的事件冒泡

你可能感兴趣的:(js阻止事件冒泡的正确姿势)