Bind événement click pour conteneur, mais exclure élément dans le conteneur de la logique d'événement

Question

<div style="width:200px; height:200px; background:blue;"> 
    <!-- Other markup --> 
    <button type="button">Special Button</button> 
</div> 

(function ($) { 
    $("div").click(function() { 
     alert('fired'); 
     // Don't fire when the button is clicking! 
    }); 
}(jQuery)); 

Comment puis-je architecte le code/html pour pas feu le clic de liaison « div » lorsque le bouton est cliqué? Voici un jsfiddle pour jouer avec.

Answer 1

Vous devez empêcher la propagation de l'événement à partir du bouton

$('div button').click(function(event){ 
    event.stopPropagation() 
}) 

Démo: Fiddle