您现在的位置是:网站首页 > 代码编程 > WEB前端WEB前端

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

不忘初心 不忘初心 2020-10-16 围观() 评论() 点赞() WEB前端

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

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

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

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

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

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

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

什么,就这点儿代码?

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

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

javascript

看完文章,有任何疑问,请加入群聊一起交流!!!

很赞哦! ()

文章评论

  • 请先说点什么
    人参与,条评论

请使用电脑浏览器访问本页面,使用手机浏览器访问本页面会导致下载文件异常!!!

雨落无影

关注上方公众号,回复关键字【下载】获取下载码

用完即删,每次下载需重新获取下载码

若出现下载不了的情况,请及时联系站长进行解决

站点信息

  • 网站程序:spring + freemarker
  • 主题模板:《今夕何夕》
  • 文章统计:篇文章
  • 标签管理标签云
  • 微信公众号:扫描二维码,关注我们