jQuery sul clic su tutto tranne un div ed è bambini

Question

Voglio fare qualcosa quando clicco ovunque, tranne quando faccio clic su un div e sono bambini. Questo è quello che ho provato finora, ma non funziona (cliccando su di esso per bambini esegue ancora ciò che è all'interno delle parentesi

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

non posso usare qualcosa di simile a questo:.

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

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

Poiché la funzione .not non è qualcosa che posso mettere all'interno della funzione .on().

Come posso raggiungere questo?

Answer 1

Non utilizzare con una virgola di avere entrambi i selettori: l'elemento stesso e gli elementi figli

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

jsFiddle

Answer 2

Si potrebbe verificare all'interno della funzione per l'elemento in questione:

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

Answer 3

anziché

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

});​ 

È possibile utilizzare (questa versione è preferito in quanto è più performante)

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

});​ 

o

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

});​ 

Answer 4

io non ho abbastanza obbligo di aggiungere Commend, quindi ho bisogno di chiedere la mia domanda qui a @epascarello. Quando ho fatto pochi figli, A e B sono ancora colpiti. Non sono sicuro di sbagliarmi o no, ma voglio davvero ottenere una soluzione.

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

Live Demo