evento click su un div non dovrebbe essere innescato da esso per bambini

Question

Diciamo che ho il seguente codice:

<div id="parent"> 
    <div id="child"></div> 
</div> 

Ora allegare un evento onClick al div genitore:

$('#parent').click(function() { ... }); 

C'è un modo semplice per fermare l'attivazione dell'evento quando faccio clic sul div figlio? Non voglio fare qualcosa di simile

$('#child').click(function() { return false; }); 

perché il div bambino potrebbe contenere dei link ...

Grazie!

Answer 1

Verificare il event target.

Il seguente codice non è stato verificato.

var div = document.getElementById('parent'); 
jQuery(div).click(function(event) { 
    if (event.target !== div) { 
    return false; 
    } 
}); 

Answer 2

stopPropagation

$('#child').click(function(event) { 
     event.stopPropagation(); 
     //... 
});