Отмена события окна, если событие узла также вызвано

Question

У меня есть ситуация, когда я должен прикрепить событие 'onmouseup' к окну.Нажатие должно запускать функцию повсюду на экране, за исключением случаев, когда щелкают по узлу.На этом конкретном узле есть еще один 'onmouseup' обработчик событий, поэтому в настоящее время я могу запустить обе функции или просто одно окно (вызвав stopPropagation).

Мне нужно отменить событие, прикрепленное к окну, и запуститьвместо этого один на узле.

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>