Question

我有一个可以显示或不显示的div。当它显示时我想将显示传递给none，如果你点击不在该div中的某个地方。所以我做的是：

document.addEventListener('click',closeDiv)
document.getElementById('myDiv').addEventListener('click',stopPropagation)
function closeDiv(){
    let div = document.getElementById('myDiv')
    div.style.display='none'
}

但即使我点击了div，显示仍然没有

Answer 1

找到解决方案：

 document.addEventListener('click',closeModal)
document.getElementById('myDiv').addEventListener('click',stopPropagation)
function stopPropagation(e){
    e.stopPropagation();
}
function closeDiv(){
    let div = document.getElementById('myDiv')
    div.style.display='none'
}

Answer 2

如果你制作window.addEventListener('click', outDiv);

和这个功能：

＆＃13;

let myDiv = document.querySelector('myDiv');

function outDiv (event) {

 if (!myDiv.classList.contain(event.target)) {
  
    // Make Something
  
 }
}

＆＃13;

单击某个div时stopPropagation

2 个答案: