javascript - 如果单击主体，则切换事件处理程序，但如果单击的是 [某些元素]，则不会

Question

我想创建一个事件监听器，当单击某个元素时触发一些代码，并且如果单击该元素以外的任何内容则切换一些代码。到目前为止，我所想到的就是创建两个处理程序，一个用于主体，一个用于元素，并使用 setTimeout() 稍微延迟代码以避免两个处理程序发生冲突。它看起来非常丑陋，而且也不正确。有更好的方法来做我需要的事情吗？或者，是否有一个我可以使用的“除此元素之外的所有元素”处理程序？我一直使用 jQuery 来完成此操作，因此欢迎并首选依赖于库的答案。

Answer 1

也许你想要这样的东西(如果我理解这个问题)

HTML:

<button id="btn">Click</button>

JS:

$('body').on('click', function(e){
    if(e.target.nodeName=='BODY') 
    {
        // clickd on body
    }
    else if($(e.target).attr('id')=='btn')
    {
        // clickd on button
    }
});

Example .