您现在的位置是:网站首页 > 代码编程 > WEB前端WEB前端
【原】js监听浏览器关闭、前进、后退事件,切换网页之前给出confirm提示
不忘初心 2020-10-16 围观() 评论() 点赞() 【WEB前端】
简介:js如何监听浏览器关闭事件,js监听浏览器前进后退,js在关闭网页之前给出提示,在平时写博客的过程中,最害怕的就是眼瞅着文章写完了,还没来得及保存,就手抖将网页关掉了,那感觉不是一般的酸爽,尤其是笔记本触摸板不好用的时候,稍微手一滑,前进后退一下网页,辛辛苦苦写了几小时的文章就丢了,此时就很希望在网页切换和销毁的时候能有一个confirm提示,今天就来教大家如何避免这种事情发生,几行js就能搞定。
在平时写博客的过程中,最害怕的就是眼瞅着文章写完了,还没来得及保存,就手抖将网页关掉了,那感觉不是一般的酸爽,尤其是笔记本触摸板不好用的时候,稍微手一滑,前进后退一下网页,辛辛苦苦写了几小时的文章就丢了,此时就很希望在网页切换和销毁的时候能有一个confirm提示,今天就来教大家如何避免这种事情发生,几行js就能搞定。
在各大博客网站(如:csdn、思否、简书)中,都有这个功能,大家平时可以稍微注意一下,效果如下图所示:
此时,如果我们选择了取消,那么系统将会阻止这一次的操作,能很大程度上防止误操作。
不多哔哔了,这酸爽,谁用谁知道啊,直接上代码了。
window.onbeforeunload = function (e) {
var ev = window.event || e;
// 神奇,这一句不管写啥都行?
ev.returnValue = ("确定离开当前页面吗?");
}
什么,就这点儿代码?
dei,没错,就这点儿代码,短小精悍的雅痞!!!
注意:如果自己在html上做测试,尽量搞几个input框,或者form表单之类的,这样更容易有效果,否则会出现触发不了的情况。
看完文章,有任何疑问,请加入群聊一起交流!!!
很赞哦! ()
相关文章
标签云
猜你喜欢
- IntelliJ IDEA 2019.2已经可以利用补丁永久破解激活了
- IntelliJ IDEA 2019.3利用补丁永久破解激活教程
- IntelliJ IDEA高版本最灵活的永久破解激活方法(含插件激活,时长你说了算)
- Jetbrains全家桶基于ja-netfilter的最新破解激活详细图文教程
- IntelliJ IDEA 2022.1永久破解激活教程(亲测可用,持续更新)
- 分享几个正版 IntelliJ IDEA 激活码(破解码、注册码),亲测可用,持续更新
- ja-netfilter到底需不需要mymap,2021.3.2版本激活失效?
- 如何激活idea2022.1及以上版本中的插件(亲测可用)
- 【史上最全】IntelliJ IDEA最新2022.1版本安装和激活视频教学(含插件)
- IntelliJ IDEA 2022.2 版本最新2099年永久激活方法,亲测可用,也可以开启新UI了。
站点信息
- 网站程序:spring + freemarker
- 主题模板:《今夕何夕》
- 文章统计:篇文章
- 标签管理:标签云
- 微信公众号:扫描二维码,关注我们