在前端页面开发中,我们经常会有点击子区域时,不触发父区域事件的需求,最近做的一个项目就出现了这个问题
页面上面的代码
<a class="gallay-container">
<div class="title">标题标题</div>
<div class="gallay-item">
![](http://upload-images.jianshu.io/upload_images/3558073-752c1387ff34f60b.png)
</div>
</a>
我们需要在点击图片区域的时候实现查看大图的效果,点击其他区域的时候实现跳转页面的效果,而且跳转页面有可能是在app里面的需要打开一个新的activity的窗口,所以我们需要在a标签实现一个事件监听,在图片上面也要实现一个事件监听
阻止事件冒泡的一般做法是
e.stopPropagation();
但是发现在使用了zepto上面不能实现,查看源码之后发现,需要使用另一个来进行阻止
e.stopImmediatePropagation();
也就是阻止直接的事件冒泡