听取点击div，但不点击它的任何一个孩子

Question

我试图在点击div时隐藏div及其子节点，但是当它的任何子节点发生任何事件时都不会;例如，滑动，点击或点击。

在点击时隐藏div的jQuery很简单：

$("#tabs").click(function(){
    $(this).fadeOut();
});

但是我注意到当点击或滑动孩子时，div会淡出。

如果div在其子节点上发生事件时，如何防止div淡出，但是只允许它自己淡化？

Answer 1

检查单击的元素是否与绑定的元素相同：

$("#tabs").click(function(e){
    if (e.target == this)
        $(this).fadeOut();
});