Div事件冒泡

Question

我的项目中有一个窗口单击eventListener和div元素上的一些click事件。 如果我单击div，则此div元素上的click事件（正确），并且窗口click eventListener触发（不正确）。

我可以冒泡div元素，即单击窗口事件监听器不会触发事件吗？

为了更好地演示jsfiddle：

 window.addEventListener('mouseup', onDocumentMouseUp, false); function onDocumentMouseUp(event){ alert('dont fire this event on button click') } $('#button').on({ click: function (event) { 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> 

我希望有人能帮助我。

Answer 1

是的，您可以像这样使用event.stopPropagation() ：

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