Code:
HTML
<!-- snip -->
<div class="parent" id="parent">
<div class="child" id="child">
</div>
</div>
<!-- snip -->
JavaScript
/* snip */
$(function () {
$("#parent").click(function () {
alert("This dialog should only show up if the parent is clicked.");
});
});
/* snip */
（这只是实际代码的基本结构......实际代码中有些东西是不同的，例如子元素是一个 jQuery UI Draggable 元素）
JavaScript/DOM 事件的工作方式是它们从子级“冒泡”到父级。所以你只需要在子元素处停止：
$('#child').click(function(event) {
event.stopPropagation();
});
See the jQuery 文档.click() http://api.jquery.com/event.stopPropagation/了解更多信息。或者，您可以检查父级事件处理程序中的原始元素是什么using event.target http://api.jquery.com/event.target/.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
