单击链接不应触发家长 onclick 事件

我有以下代码：

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

当有人点击链接时，就会触发 javaschipt 事件。我希望该事件仅在有人单击文本或 div 容器内的空白区域时触发；如果有人点击链接则不会。

是否可以在触发事件时调用一个函数，该函数检查用户单击了哪些元素。一些链接

onclick="foo(caller);"

and

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

将点击处理程序添加到您的链接并停止事件冒泡到父 div。像这样：

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