当用户试图离开页面时显示的Javascript弹出窗口'；不要用按钮关闭

HTML:

函数onMouseOut（事件）{ //如果鼠标靠近窗口顶部，则显示弹出窗口 //另外，在悬停或单击选择时不要触发 如果( event.clientY<50&& event.relatedTarget==null&& event.target.nodeName.toLowerCase（）！='select'）{ //删除此事件侦听器 文件。删除EventListener（“mouseout”，onMouseOut）； //显示弹出窗口 var modal=document.getElementById（“弹出”）.style.display=“块”； //获取关闭模态的元素 var span=document.getElementsByClassName（“关闭”）[0]； } } 文件。添加了监听器（“mouseout”，onMouseOut）； $（“.transparent back”）。在（'click'，function（）上{ $（'popup'）。淡出（300）； }); //当用户单击（x）时，关闭模式对话框 span.onclick=函数（）{ modal.style.display=“无”； } //当用户单击模式之外的任何位置时，将其关闭 window.onclick=函数（事件）{ 如果（event.target==模态）{ modal.style.display=“无”； } }

/*弹出式样式*/
* {
框大小：边框框；
}
#弹出窗口{
显示：无；
}
.popup\u包装{
背景：rgba（0,0,0,0.75）；
位置：固定；
顶部：0px；
左：0px；
底部：0px；
右：0px；
z指数：10；
边界半径：25px；
}
.popup\u容器{
背景：rgb（255、255、255）；
保证金：100像素自动；
最大宽度：100%；
填充：20px；
宽度：500px；
文本对齐：居中；
边界半径：25px；
}
/*关闭按钮*/
.结束{
颜色：#aaa；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：黑色；
文字装饰：无；
光标：指针；
}

&时代；
问题？

您只需重新安排事情，以便正确确定范围。在

onMouseOut（e）

函数中声明

modal

和

span

会将其作用域限定为该函数，并导致对它的其他调用失败

//声明弹出窗口
var modal=document.getElementById（“弹出”）；
//获取关闭模态的元素
var span=document.getElementsByClassName（“关闭”）[0]；
onMouseOut函数（事件）{
//如果鼠标靠近窗口顶部，则显示弹出窗口
//另外，在悬停或单击选择时不要触发
如果(
event.clientY<50&&
event.relatedTarget==null&&
event.target.nodeName.toLowerCase（）！='select'）{
//删除此事件侦听器
文件。删除EventListener（“mouseout”，onMouseOut）；
//显示弹出窗口
modal.style.display=“块”；
}
}
文件。添加了监听器（“mouseout”，onMouseOut）；
$（“.transparent back”）。在（'click'，function（）上{
$（'popup'）。淡出（300）；
});
//当用户单击（x）时，关闭模式对话框
span.onclick=函数（）{
modal.style.display=“无”；
}
//当用户单击模式之外的任何位置时，将其关闭
window.onclick=函数（事件）{
如果（event.target==模态）{
modal.style.display=“无”；
}
}

/*弹出式样式*/
* {
框大小：边框框；
}
#弹出窗口{
显示：无；
}
.popup\u包装{
背景：rgba（0,0,0,0.75）；
位置：固定；
顶部：0px；
左：0px；
底部：0px；
右：0px；
z指数：10；
边界半径：25px；
}
.popup\u容器{
背景：rgb（255、255、255）；
保证金：100像素自动；
最大宽度：100%；
填充：20px；
宽度：500px；
文本对齐：居中；
边界半径：25px；
}
/*关闭按钮*/
.结束{
颜色：#aaa；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：黑色；
文字装饰：无；
光标：指针；
}

&时代；
问题？

您需要定义跨度和模态。请参阅下面的代码。此外，请检查console.log以了解错误

函数onMouseOut（事件）{ //如果鼠标靠近窗口顶部，则显示弹出窗口 //另外，在悬停或单击选择时不要触发 如果( event.clientY<50&& event.relatedTarget==null&& event.target.nodeName.toLowerCase（）！='select'）{ //删除此事件侦听器 文件。删除EventListener（“mouseout”，onMouseOut）； //显示弹出窗口 var modal=document.getElementById（“弹出”）.style.display=“块”； //获取关闭模态的元素 var span=document.getElementsByClassName（“关闭”）[0]； } } 文件。添加了监听器（“mouseout”，onMouseOut）； $（“.transparent back”）。在（'click'，function（）上{ $（'popup'）。淡出（300）； }); //当用户单击（x）时，关闭模式对话框 var span=document.getElementsByClassName（'close'）[0]； span.onclick=函数（）{ var modal=document.getElementById（“弹出”）； modal.style.display=“无”； } //当用户单击模式之外的任何位置时，将其关闭 window.onclick=函数（事件）{ 如果（event.target=='model'）{ modal.style.display=“无”； } }

/*弹出式样式*/
* {
框大小：边框框；
}
#弹出窗口{
显示：无；
}
.popup\u包装{
背景：rgba（0,0,0,0.75）；
位置：固定；
顶部：0px；
左：0px；
z指数：10；
边界半径：25px；
}
.popup\u容器{
背景：rgb（255、255、255）；
保证金：100像素自动；
最大宽度：100%；
填充：20px；
宽度：500px；
文本对齐：居中；
边界半径：25px；
}
/*关闭按钮*/
.结束{
颜色：#aaa；
浮动：对；
字号：28px；
字体大小：粗体；
}
.关闭：悬停，
.结束：聚焦{
颜色：黑色；
文字装饰：无；
光标：指针；
}

&时代；
问题？

您使用的是什么库？jQuery？有棱角的