Java 脚本双模式无法关闭

Question

我在网页中有 2 个弹出模式，如果用户单击模式外的任何地方，我想将其关闭。问题是只有第二个有效，第一个无效。

// When the user clicks anywhere outside of the modal1, close it
window.onclick = function(event){
if (event.target == modal1) {
    modal1.style.display = "none";
}}

//When the user clicks anywhere outside of the modal2, close it
window.onclick = function(event) {
if (event.target == modal2) {
    modal2.style.display = "none";
}}

Answer 1

您正在用第二个 onclick 覆盖第一个 onclick。

只需单击 window 即可检查模态类型并根据您设置的类型显示 none。

Answer 2

对两个 pop-up 模态使用相同的 on-click 函数。

window.onclick = function(event){
if (event.target == modal1)    
{ modal1.style.display = "none"; }
if (event.target == modal2)
{ modal2.style.display = "none"; }
} 

Answer 3

您正在用第二个 onclick 覆盖第一个 one.You 可以这样做；

window.onclick = function(event){
 if (event.target == modal1){modal1.style.display = "none"; } 
 if (event.target == modal2){modal2.style.display = "none";}
}