Action de déclenchement lorsque l'élément est cliqué mais pas lorsque certains sous-éléments spécifiques sont

Question

J'ai une div contenant du texte et quelques liens. Je veux déclencher un événement onclick, seulement si le clic se produit n'importe où dans la div, mais pas sur l'un des liens.

Quelle serait la meilleure façon (en termes de performances) de l'implémenter avec jQuery?

Celui que j'utilise est

$('#div').click(function(){ 

}); 

mais il désactive tous les #div> un

Answer 1

Vous pouvez utiliser le

$("#div :not(a)").click(function(){ 
}); 

Cela se lier cliquez à tous les éléments à l'intérieur de la div qui ne sont pas <a> étiquettes.

$("#div").click(function(e){ 
    if (e.target.tagName === "A") 
    { 
     return false; 
    } 
    else 
    { 
     alert("click"); 
    } 
}); 

Cela se lier à un gestionnaire de clic pour se div puis vérifier la cible et si elle n'est pas <a> alors alerte sera affichée.

Answer 2

$('#div').bind('click', function(e){ 
    if(e.target == this){ 
     // do something 
    } 
});