功能实现-刷新/F5/关闭前弹窗提示

功能实现-刷新/F5/关闭前弹窗提示

实现效果

具体实现

执行：

window.onbeforeunload = (e) => { 
    // 放一些代码
    e.preventDefault()
}

官网：developer.mozilla.org/zh-CN/docs/…

注意点：

1. 方法里面放alert()、confirm()、prompt()可能会导致失效。

2. 部分浏览器要求方法里面执行下面的至少其中一项：

   • 将字符串分配给事件的returnValue属性，比如：window.onbeforeunload = (e) => e.returnValue = ''
   • 从事件处理程序返回一个字符串，比如：window.onbeforeunload = (e) => return ''
   • 执行e.preventDefault()，比如：window.onbeforeunload = (e) => e.preventDefault()

3. 部分能够展示自定义提示内容，内容放在e.returnValue中。