點擊鏈接裏面div射擊div的onclick

Question

我有這個簡單的問題：一個div包含一個鏈接，並且div有一個onclick函數定義。但是，當我點擊鏈接時，我只想跟隨鏈接，而不是觸發包含div的功能。

Fiddle

HTML

<div> 
    <a href="http://www.google.com" target="_blank">Google</a> 
</div> 

JQuery的

$('div').click(function() { 
    alert("test"); 
}); 

CSS

div { 
    height: 100px; 
    width: 200px; 
    border: 1px solid red 
} 

所以在這裏，當我點擊DIV，顯示一個警告：這很好。點擊鏈接時，我不希望警報顯示。

如何避免這種情況？

Answer 1

您可以將event.stopImmediatePropagation();應用於鏈接。根據API，這將保持處理程序的其餘部分不被執行，並防止事件冒泡DOM樹（https://api.jquery.com/event.stopimmediatepropagation/）。

這裏是小提琴：http://jsfiddle.net/dxrdrqrc/