Div Ereignis sprudelt

Question

Ich habe in meinem Projekt ein Fenster klicken EventListener und einige Klickereignisse auf div Elemente. Wenn ich auf das div click -Ereignis auf diesem div-Element klicke (richtig) und das Fenster click eventListener feuert (nicht korrekt).

Kann ich das div-Element sprudeln, dass das Fenster click eventListener das Ereignis nicht auslöst?

Zur besseren Demonstration jsfiddle:

window.addEventListener('mouseup', onDocumentMouseUp, false); 
 

 
function onDocumentMouseUp(event){ 
 
\t alert('dont fire this event on button click') 
 
} 
 

 
$('#button').on({ 
 
    click: function (event) { 
 
\t \t alert('button click event'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="button" style="height: 30px; width: 30px; background: blue"></div>

Ich hoffe, jemand kann mir helfen.

Answer 1

Ja, können Sie event.stopPropagation() wie folgt verwenden:

$('#button').on({ 
    click: function (event) { 
     alert('button click event'); 
     event.stopPropagation(); 
    } 
});