退出或刷新页面时提示

先看代码

1
2
3
4
5
6
7
8
9
10
11
12
// as my test, Opera do not fire the event
window.onbeforeunload = function (e) {
    e = e || window.event;
   
    // For IE and Firefox prior to version 4
    if (e) {
        e.returnValue = 'Sure to quit?';
    }
   
    // For Safari and Chrome
    return 'Sure to quit? Data might not be saved.';
};


用途:用于比较重要的表单填写页面,在前进、后退、刷新和退出页面时可以要求确认是否执行操作。可以一定程度上防止由于不小心而造成的麻烦(不过不能滥用,会觉得很烦的)。

个人测试,Opera不支持这个事件;IE9 两种返回方式都支持,都存在时,以 return 为准。

另,需要注意到,IE、FF 和 Chrome、Safari 的返回稍有不同。其实,直接返回空字符都是可以达到目的的了,只是 Chrome 没有默认提示语言,看起来会怪怪的,所以还是加上一些提示语句比较好。

Chrome beforeunload notify

Demo


Reference:
window.onbeforeunload from MDN

《退出或刷新页面时提示》有12个想法

  1. 很多场合都挺实用的功能,国外很多主机站都有这东西~~~以退出他们就说给优惠 😆

    1. 其实用英文的原因是那时候在重装ubuntu,还没下好语言包,所以没中文输入法 :mrgreen:

评论已关闭。