监听 div 上的点击，但当它的任何子级被点击时不监听

Question

我试图在单击 div 时隐藏 div 及其子级，但在其任何子级发生任何事件时不会；例如，滑动、点击或单击。

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

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

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

当这些事件发生在其子级上时，如何防止 div 淡出，但允许它仅在其自身的点击时淡出？

Answer 1

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

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