JavaScript捕获窗口关闭事件的代码举例

发布时间:2020-01-21编辑:脚本学堂
为大家介绍javascript捕获窗口关闭事件的两种方法,分别是重定义 window.onbeforeunload()事件与加入onUnload事件,有需要的朋友,可以参考下。

方法1,重新定义 window.onbeforeunload()事件

javascript里定义一个函数:
 

复制代码 代码示例:
function  window.onbeforeunload()  {  alert("关闭窗口")}
 

alert()事件将会在关闭窗口前执行,你也可以用户决定是否关闭窗口
 

复制代码 代码示例:
function  window.onbeforeunload()  {
 if  (event.clientX>document.body.clientWidth  &&  event.clientY<0 ||event.altKey)
     window.event.returnValue="确定要退出本页吗?"; 
 }

关闭时刷新父窗体(window.open(.......))
 

复制代码 代码示例:
function window.onbeforeunload() {
            if (window.opener != null) {
                if (window.opener.location != null) {
                    window.opener.location.href = window.opener.location.href;
                    if (window.opener.progressWindow) {
                        window.opener.progressWindow.close();
                    }
                }
            }
        }

方法2,使用onUnload方法
在body 标签里加入onUnload事件
<body onUnload="">

然后在javascript里定义myClose()方法

但是onUnload方法是在关闭窗口之后执行,不是在关闭窗口之前执行,如果你想在关闭窗口之前做判断,请采用第一种方法。

以上介绍的方法,建议大家亲自测试下,究竟哪个好用,试过才知道,对吧。