点击链接里面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/