点击链接不应该触发父母onclick-event

Question

我有以下代码:

<div onclick="alert('div event');" style="cursor:pointer">
    some text
    <a href="asd.php" id="link">click</a>
</div>

当有人点击链接时,会触发javaschipt事件.我希望只有当有人点击文本或div容器内的空白空间时才触发该事件; 而不是如果有人点击链接.

是否可以在触发事件时调用函数,该函数检查用户单击的元素.一些链接

onclick="foo(caller);"

和

function foo(element){
    if(element!='link'){
        alert('yes');   
    }
} 

Answer 1

在链接中添加一个单击处理程序,并停止将事件冒泡到父div.像这样:

$('#link').click(function(e) {
  e.stopPropagation();
});