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

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

页面上面的代码

<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();

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