jQuery al hacer clic en todo excepto en un div y sus hijos

Question

Quiero hacer algo cuando hago clic en cualquier parte, excepto cuando hago clic en un div y son hijos. Esto es lo que he probado hasta ahora, pero que no está funcionando (clic en él de los niños todavía ejecuta lo que está dentro de los corchetes

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

no puedo usar algo como esto:.

jQuery - Select everything except a single elements and its children?

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

Dado que la función .not no es algo que pueda poner dentro de la función .on().

¿Cómo puedo ¿lograr esto?

Answer 1

lo utilice con una coma para tener los dos selectores: el propio elemento y los elementos hijos

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

jsFiddle

Answer 2

Usted puede comprobar dentro de la función para el elemento en cuestión:

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

Answer 3

En lugar de

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

});​ 

Puede utilizar (se prefiere esta versión ya que es más performante)

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

});​ 

o

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

});​ 

Answer 4

no tengo suficiente requisito para agregar commend, así que tengo que hacer mi pregunta aquí al @epascarello. Cuando hice pocos hijos, A y B todavía se vieron afectados. No estoy seguro de estar equivocado o no, pero realmente quiero obtener una solución.

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

Live Demo