在前端頁面開發(fā)中，我們經(jīng)常會有點擊子區(qū)域時，不觸發(fā)父區(qū)域事件的需求蜒谤，最近做的一個項目就出現(xiàn)了這個問題
頁面上面的代碼
<a class="gallay-container">
<div class="title">標題標題</div>
<div class="gallay-item">
</div>
</a>
我們需要在點擊圖片區(qū)域的時候?qū)崿F(xiàn)查看大圖的效果赃梧，點擊其他區(qū)域的時候?qū)崿F(xiàn)跳轉(zhuǎn)頁面的效果，而且跳轉(zhuǎn)頁面有可能是在app里面的需要打開一個新的activity的窗口疙咸，所以我們需要在a標簽實現(xiàn)一個事件監(jiān)聽，在圖片上面也要實現(xiàn)一個事件監(jiān)聽
阻止事件冒泡的一般做法是
e.stopPropagation();
但是發(fā)現(xiàn)在使用了zepto上面不能實現(xiàn)，查看源碼之后發(fā)現(xiàn)掩驱，需要使用另一個來進行阻止
e.stopImmediatePropagation();
也就是阻止直接的事件冒泡
