jQuery点击除div之外的所有东西,它是孩子们

Question

当我点击任何地方时,我想做点什么,除非我点击一个div而它是孩子们.这是我到目前为止所尝试的,但它不起作用(点击它的孩子仍然执行括号内的内容.

$('body').on('click', '* :not(#calculator)',  function(e){

我不能使用这样的东西:

$("body > *").not("body > #elementtokeep").remove();

因为.not函数不是我可以放在.on()函数内部的东西.

我怎样才能做到这一点？

Answer 1

不要使用逗号来同时拥有两个选择器:元素本身和元素子元素

jQuery(document.body).on("click", ":not(#calculator, #calculator *)", function(e){ 
    console.log(this); 
    e.stopPropagation(); 
});???????

Answer 2

您可以在函数内部检查相关元素:

$('body').click( function(e){
    if (!$(e.target).is("#calculator") || $("#calculator").has(e.target).length ) {
        // do your stuff
    }
});