Question

我想单击文档中任何位置，但不要单击ID为overlay_home_page的元素。纯JavaScript怎么可能呢？谢谢

document.getElementById("overlay_home_page").addEventListener("click", off);

Answer 1

为此div在CSS文件中将pointer-events设置为none。设置为none时，该元素将永远不是鼠标事件的目标。

#overlay_home_page{
 pointer-events: none;
}

Answer 2

听整个窗口上的点击。触发click事件后，请检查您的div contains是否为该事件的目标：

window.addEventListener('click', function(event){
  const overlay = document.getElementById('overlay_home_page');
  if (!overlay.contains(event.target)){
    // do something
  }
});

单击文档，但不单击使用纯JavaScript的特定div

2 个答案: