如何检查在父元素中的点击，但不在孩子中？ [英] How to check for a click in a parent element, but not in the child?
本文介绍了如何检查在父元素中的点击，但不在孩子中？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
Code:
Javascript
<!-- snip -->
<div class="parent" id="parent">
<div class="child" id="child">
</div>
</div>
<!-- snip -->
Javascript
（这只是实际代码的基本结构。在实际的代码中，有些东西是不同的，例如，孩子是一个jQuery UI Draggable元素）
/* snip */
$(function () {
$("#parent").click(function () {
alert("This dialog should only show up if the parent is clicked.");
});
});
/* snip */
DOM活动的工作是他们从孩子到家长冒泡。所以你只需要停止在子元素：
The way JavaScript/DOM events work is that they "bubble" up from children to parents. So you just need to stop that at the child element:
$('#child').click(function(event) {
event.stopPropagation();
});
请参阅关于 .click（） 的jQuery文档以获取更多信息。或者，您可以使用查看父级事件处理程序中内的原始元素。 event.target 。
这篇关于如何检查在父元素中的点击，但不在孩子中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
