JS监听页面关闭

安陌乐轩

于 2023-06-21 18:45:01 发布

阅读量4.4k

点赞数 1

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.youkuaiyun.com/Hia_amlx/article/details/131332970

版权

JS中的onbeforeunload方法用于监听页面关闭，以前可以自定义关闭提示文案，但在新版本浏览器中出于安全考虑，不再支持自定义，只能触发浏览器默认确认对话框。用户返回的任何非空值都会显示确认提示，而返回undefined、null或不返回则不会。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JS可以监听浏览器页面的关闭，主要使用了window对象的onbeforeunload方法

在以前（旧版本的浏览器中），可以自定义提示文案

window.onbeforeunload = function (e) {
    var message = 'some word';
    e = e || window.event;

    if (e) {
        e.returnValue = message;
    }

    return message;
}

但在新版本的浏览器中，为了安全性，已经不支持自定义弹窗

能做的，只是调用浏览器自带的提示确认窗格

 window.onbeforeunload = function(e) {
    console.log('beforeunload')

    /** 只有以下情况不会弹出确认窗格
      * 不return
      * return;
      * return undefined;
      * return null;
      */
    
    /** 其他任意值都会弹出
      * return '';
      * return false;
      * return 0;
      * return 1; 
      * .......
      */


    return 1;
 }