點擊事件冒泡問題

Question

我有一個div，它有自己的點擊事件。在那個div裏面，我也有一個鏈接。

我的問題是，點擊div，展開和摺疊它。但是，如果鏈接被點擊，我不希望它展開或摺疊。我如何實現這一目標？

<div class="module"> 
    BLA BLA BLA BLA BLA BLA BLA BLA BLA <a href="http://www.google.com">Googs</a> 
</div> 

Answer 1

鏈路上使用stopPropagation（），以避免一個上升的鏈

直列

<div class="module"> 
    BLA BLA BLA BLA BLA BLA BLA BLA BLA 
    <a href="http://www.google.com" onClick="event.stopPropagation();">Googs</a> 
</div> 

的jquery demo

$("a").click(function(e){ 
    e.stopPropagation(); 
}); 

Answer 2

event.stopPropagation（）無線將阻止事件傳遞給父級的處理程序。例如：

$('.module > a').on('click', function(e) { 
    // do stuff, or not 
    e.stopPropagation(); 
});