div上的click事件不应该被它的孩子触发 [英] click event on a div should not be triggered by it's children
本文介绍了div上的click事件不应该被它的孩子触发的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
假设我有以下代码:
<div id="parent">
<div id="child"></div>
</div>
现在我将onClick事件附加到父div:
Now I attach an onClick event to the parent div:
$('#parent').click(function() { ... });
当我点击子div时,是否有一种简单的方法可以阻止事件触发?我不想做像
Is there an easy way to stop the event from triggering when I click on the child div? I don't want to do something like
$('#child').click(function() { return false; });
因为子div可能包含链接...
because the child div could contain links...
谢谢!
推荐答案
检查事件目标。
以下代码未经测试。
var div = document.getElementById('parent');
jQuery(div).click(function(event) {
if (event.target !== div) {
return false;
}
});
这篇关于div上的click事件不应该被它的孩子触发的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文