javascript - 在 ONCLICK 事件上调用函数

Question

我正在通过 div 容器的 ONCLICK 事件调用一个函数，但当我单击其内部元素时也会调用该函数，那么如何仅针对 div 容器而不是其内部元素调用该函数？

我在容器 div 上添加了 Onclick 事件并调用我的关闭函数

function closeMenu() {
    var target = document.getElementById("login-container");
    target.style.opacity = "0";
    target.style.zIndex = "-10";
}
var closeBtn = document.getElementById("close-overlay");
closeBtn.addEventListener("click", closeMenu);

如果我单击其内部 HTML 元素，我不想调用该函数，只是针对容器 div。

Answer 1

我希望这会有所帮助。

function closeMenu(e) {
 if (e.target.id === "close-overlay"){
    var target = document.getElementById("login-container");
    target.style.opacity = "0";
    target.style.zIndex = "-10";
  }
}
var closeBtn = document.getElementById("close-overlay");
closeBtn.addEventListener("click", closeMenu);