在父元素点击时触发事件，但不在子元素上触发。

Question

如果我有一个绝对定位的父div，然后是一个具有更高z-index并相对定位的子div，是否有一种方法只在单击父div时注册单击事件，而不是内部div？ 相关的jsFiddle 带有文本输入示例的更新版fiddle

- Christian Benincasa

Answer 1

$(".parent").click(function(e) {
    if (e.target == this) {
        $(this).hide();
    }
});​

示例: http://jsfiddle.net/Bt5HA/4/

- VisioN

---

细节不大，但为什么不使用严格相等呢？ - m59

@m59 在比较引用时没有区别，因此在这种情况下可能的微小速度差异并不重要。 - VisioN

Answer 2

更改为：

$('.child a').click(function(e) {
    $(this).parent('.child').hide();
});​

- Jessica Aline

---

只有当单击子元素时才有效。如果单击父元素会发生什么？ - j08691

Answer 3

访问子元素并在它们被点击时返回false http://jsfiddle.net/Bt5HA/3/

- xCander

---

VisioN有最好的解决方案，请忽略此帖。 - xCander

Answer 4

试一下

$('#child').click(function(event) {
event.stopPropagation();
alert('You clicked Child');
});


$('#parent').click(function() {
alert('You clicked on Parent');
});

您可以在这里检查工作情况http://jsfiddle.net/VnHGh/24/

- Deepak Verma