Java Script双模式无法关闭
Java Script双模式无法关闭
提问于 2017-02-12 00:21:00
我有两个弹出式模态在网页上，我想关闭，如果用户点击任何地方以外的模态。问题是，只有第二个有效，第一个不起作用。
// 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";
}}回答 3
Stack Overflow用户
回答已采纳
发布于 2017-02-17 12:56:58
对两个弹出式模态使用相同的点击功能。
window.onclick = function(event){
if (event.target == modal1)
{ modal1.style.display = "none"; }
if (event.target == modal2)
{ modal2.style.display = "none"; }
} Stack Overflow用户
发布于 2017-02-12 00:26:44
您正在用第二个onclick覆盖第一个onclick。
只需在检查模式类型的窗口上单击一下，并根据您设置的类型显示none。
Stack Overflow用户
发布于 2017-02-17 13:02:37
你用第二个one.You覆盖了第一个onclick，可以这样做；
window.onclick = function(event){
if (event.target == modal1){modal1.style.display = "none"; }
if (event.target == modal2){modal2.style.display = "none";}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42178199
复制相关文章
相似问题
腾讯云开发者
