Question

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

我可以冒泡窗口单击eventListener不触发事件的div元素吗？

为了更好的演示jsfiddle：

val arr = Array(3,5,7)
arr(1) = 0  // arr is now Array(3,0,7)

val lst = List(3,5,7)
lst(1) = 0  // error: value update is not a member of List[Int]

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');
  }
});

我希望有人可以帮助我。

Answer 1

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

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

Div事件冒泡

1 个答案: