如果节点事件也被触发则取消window事件

Question

我有一种情况，我必须将 'onmouseup' 事件附加到 window。单击向上应该运行在屏幕上的任何地方都有一个功能，除了在节点上单击时。该特定节点上还有另一个 'onmouseup' 事件处理程序，因此目前我可以运行这两个函数或仅 window 一个函数（通过调用 stopPropagation）。

我需要取消附加到 window 和运行节点上的事件。

Answer 1

window.onmouseup = (e) => console.log('window mouseup');

nestedMouseUp = (e) => {
  console.log('nestedMouseUp');
  e.stopPropagation();
}

.a {
  background: blue;
  width: 100px;
  height: 100px;
}

.b {
  background: pink;
}

<div class="a" >
  wrapper
  <div class="b" onmouseup="nestedMouseUp(event)">
  nested
  </div>
</div>

如果节点事件也被触发则取消window事件

Cancel window event if node event is also triggered

javascript

html

event-handling

mouseevent

dom-events