首页   >   代码编程   >   WEB前端

js监听浏览器关闭、前进、后退事件,切换网页之前给出confirm提示

在平时写博客的过程中,最害怕的就是眼瞅着文章写完了,还没来得及保存,就手抖将网页关掉了,那感觉不是一般的酸爽,尤其是笔记本触摸板不好用的时候,稍微手一滑,前进后退一下网页,辛辛苦苦写了几小时的文章就丢了,此时就很希望在网页切换和销毁的时候能有一个confirm提示,今天就来教大家如何避免这种事情发生,几行js就能搞定。

在各大博客网站(如:csdn、思否、简书)中,都有这个功能,大家平时可以稍微注意一下,效果如下图所示:

js监听浏览器关闭、前进、后退事件,切换网页之前给出confirm提示

此时,如果我们选择了取消,那么系统将会阻止这一次的操作,能很大程度上防止误操作。

不多哔哔了,这酸爽,谁用谁知道啊,直接上代码了。

window.onbeforeunload = function (e) {
var ev = window.event || e;
// 神奇,这一句不管写啥都行?
ev.returnValue = ("确定离开当前页面吗?");
}

什么,就这点儿代码?

dei,没错,就这点儿代码,短小精悍的雅痞!!!

注意:如果自己在html上做测试,尽量搞几个input框,或者form表单之类的,这样更容易有效果,否则会出现触发不了的情况。

雨落无影

QQ群Ⅰ: 686430774 (已满)

QQ群Ⅱ: 718410762

QQ群Ⅲ: 638620451 (已满)

QQ群Ⅳ: 474195684

QQ群Ⅴ: 463034360 (已满)

QQ群Ⅵ: 879266502

QQ群Ⅶ: 627786015 (已满)

工作5分钟,吹逼2小时: 855525339 (娱乐消遣,广告狗勿进)

如果文章有帮到你,可以考虑请博主喝杯咖啡!

分享到:

欢迎分享本文,转载请注明出处!

作者:不忘初心

发布时间:2020-10-16

永久地址:https://www.jiweichengzhu.com/article/e6c4946e99044c5f9897672aa51a8873

评论

相关阅读