Щелчок ссылки внутри div стрельба div onclick

Question

У меня есть эта простая проблема: div, содержащий ссылку, и div имеет определенную функцию onclick. Однако, когда я нажимаю ссылку, я просто хочу перейти по ссылке и не запускать функцию div 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/