événement click sur un div ne doit pas être déclenché par ses enfants

Question

Disons que j'ai le code suivant:

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

Maintenant, j'attach un événement onClick à la div parent:

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

est-il un moyen facile d'arrêter l'événement de déclencher quand je clique sur le div enfant? Je ne veux pas faire quelque chose comme

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

parce que le div enfant pourrait contenir des liens ...

Merci!

Answer 1

Cochez la case event target.

Le code suivant n'a pas été testé.

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(); 
     //... 
});