Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/476.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 弹出框单击外部_Javascript_Popup - Fatal编程技术网

Javascript 弹出框单击外部

Javascript 弹出框单击外部,javascript,popup,Javascript,Popup,您好,我有一个弹出框,我想当我在弹出框外单击时自动关闭弹出框,我有代码打开和关闭它的链接,但我不能通过单击背景或身体来关闭它。有人能帮我吗 功能切换\u可见性(id){ var e=document.getElementById(id); 如果(e.style.display=='block') e、 style.display='none'; 其他的 e、 style.display='block'; } 。弹出位置{ 位置:固定; 排名:0; 左:0; 背景色:rgba(0,0,0,0.7

您好,我有一个弹出框,我想当我在弹出框外单击时自动关闭弹出框,我有代码打开和关闭它的链接,但我不能通过单击背景或身体来关闭它。有人能帮我吗

功能切换\u可见性(id){
var e=document.getElementById(id);
如果(e.style.display=='block')
e、 style.display='none';
其他的
e、 style.display='block';
}
。弹出位置{
位置:固定;
排名:0;
左:0;
背景色:rgba(0,0,0,0.7);
宽度:100%;
身高:100%;
显示:无;
}
#弹出包装器{
宽度:500px;
转化:translateX(85%)translateY(200%);
}
#弹出式容器{
背景色:白色;
填充:20px;
}

弹出1个测试联系人

功能切换\u可见性(id){
var e=document.getElementById(id);
如果(e.style.display=='block')
e、 style.display='none';
其他的
e、 style.display='block';
}
。弹出位置{
位置:固定;
排名:0;
左:0;
背景色:rgba(0,0,0,0.7);
宽度:100%;
身高:100%;
显示:无;
}
#弹出包装器{
宽度:500px;
转化:translateX(85%)translateY(200%);
}
#弹出式容器{
背景色:白色;
填充:20px;
}

弹出1个测试联系人