window.addEventListener如何判断某个节点之外?

Question

点击的元素不是该div以及该子孙节点,就能促发事件?这个怎么判断?

Answer 1

let box = document.querySelector('#box')
window.addEventListener('click', (event) => {
  // 兼容
  const ev = window.event || event;
  const path = event.path || (event.composedPath && event.composedPath());
  if (path.includes(box)) {
    console.log(1)
  }else {
    console.log(2)
  }
})

Answer 2

eventTarget.addEventListener("click", ({ target }) => {
  if (div !== target && !div.contains(target)) {
    ...
  }
});