时间戳

首页 > 解决方案 > Onclick 弹出 div 在外部单击时关闭

javascript - Onclick 弹出 div 在外部单击时关闭

问题描述

单击页面上的任何位置时，如何添加此内容以使弹出窗口关闭？谢谢

function myFunction() {
  var popup = document.getElementById("myPopup");
  popup.classList.toggle("show");
}

标签： javascript

解决方案

您可以将事件侦听器添加到document并单击检查myPopup contains该类show。如果为真，则使用classList.remove

document.addEventListener('click', function() {
  let popup = document.getElementById("myPopup");
  if (popup.classList.contains("show")) {
    popup.classList.remove('show')
  }
}
})

推荐阅读