如何检查父元素中的单击,而不是子元素中的单击?

代码:

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可拖动元素)