简单实现监听window.open打开的页面close事件

最新推荐文章于 2024-07-18 14:06:58 发布

tao-cht

最新推荐文章于 2024-07-18 14:06:58 发布

阅读量7k

点赞数 3

文章标签： js window.open close

本文链接：https://blog.csdn.net/weixin_38115427/article/details/86606335

版权

实现原理：

利用window.open返回的window对象，监听window.onload事件，在回调中监听window.unload事件，unload事件表示页面卸载，即实现了close目标

let page = window.open('www.baidu.com')
page.onload = function(){
    // unload事件放在load事件中是因为直接监听unload事件，页面在打开时会直接触发一次unload事件
    page.onunload = function(){
        // 此处写close事件回调
    }
}

此处只是提供一个思路，代码有很多不严谨的地方

例如：在window.open的页面覆盖了load、unload事件，代码就无法正常执行了，需要小伙伴自己补充啦