javascript - 监听对 div 的点击，但不监听其任何子项被点击

Question

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

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

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

但我注意到当点击或滑动它的 child 时，div 会淡出。

当这些事件发生在它的子元素上时，我如何防止 div 淡出，但允许它淡出 onclick 本身？

Answer 1

检查点击的元素是否与绑定(bind)的元素相同:

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