监听浏览器刷新/关闭页面

首先，使用onunload或onbeforeunload可以监听浏览器关闭事件，但是无法区分关闭与刷新。以下js代码可以部分监听关闭浏览器的事件！

可以在标签中添加方法：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>beforeunload</title>
</head>
<body onbeforeunload="return myFunction()"><p>该实例演示了如何向 body 元素添加 "onbeforeunload" 事件。</p>
<p>关闭当前窗口，按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
<a href="https://blog.csdn.net/JohnZhongJob">博客地址</a>
<script>
function myFunction() {return "自定义内容";
}
</script></body>
</html>

在js代码中添加方法：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>beforeunload</title>
</head>
<body><p>该实例演示了代码中监听 "onbeforeunload" 事件。</p>
<p>关闭当前窗口，按下 F5 或点击以下链接触发 onbeforeunload 事件。</p>
<a href="https://blog.csdn.net/JohnZhongJob">博客地址</a>
<script>
window.onbeforeunload = function(event) {event.returnValue = "自定义内容";
};// window.addEventListener("beforeunload", function(event) {
//     event.returnValue = "自定义内容";
// });
</script>
</body>
</html>

unload事件写法同上。其中在beforeunload可以阻止unload事件，unload事件是在页面刷新或者关闭之后才执行。

监听浏览器刷新/关闭页面相关推荐

vue监听浏览器刷新和关闭事件，并在页面关闭/刷新前发送请求
vue监听浏览器刷新和关闭事件,并在页面关闭/刷新前发送请求 1.需求背景: 2.需求分析: 3.实现方式: 4.实现方式解析: 1)浏览器页面事件基础 2)在mounted监听beforeunloa ...
【不得不看的几种js监听浏览器返回,关闭,刷新】
监听浏览器切换页面 //切换页面document.addEventListener('visibilitychange', function () { //浏览器切换事件if (document.vi ...
[轉]Flash/Flex监听浏览器的关闭事件
FROM : http://blog.ityao.com/archives/581 如果想用Flash/Flex监听浏览器的关闭事件, 可以通过JavaScript的window.onbeforeun ...
js 监听浏览器刷新还是关闭事件
// $(window).bind('beforeunload',function(){return '您输入的内容尚未保存,确定离开此页面吗?';}); // window.onbeforeunlo ...
巨坑！监听浏览器窗口关闭onbeforeunload不起作用（脱坑了啊！！）
----------------重要通知-------------- Hello,本人的博客文章已更新至个人网站(www.jonexu.cn) 文章中有问题可以到网站联系博主,后续新的文章也将更新在个 ...
vue监听浏览器刷新和关闭；
注意:区分不了浏览器是触发了刷新还是关闭,而且提示的弹框是无法自定义的:如果有大佬有方法能区分,还请评论学习一下!感谢! 代码可直接复制: <template><div>< ...
vue 全局监听浏览器窗口关闭以及无痕模式场景提示
需求场景一:用户退出时清空localStorage并告知后台用户退出,保持登录状态时关闭窗口或者浏览器达到相同目的实现: // 在mounted中触发beforeunload事件以及在destroy ...
监听浏览器窗口关闭事件onbeforeunload不起作用
先贴代码 <body><! ...
监听浏览器窗口关闭onbeforeunload不起作用的原因
项目场景: 需求:用户手动关闭浏览器需要提示,但是代码自动触发的关闭不提示逻辑实现 mounted() {window.addEventListener('beforeunload', e => ...

监听浏览器刷新/关闭页面

监听浏览器刷新/关闭页面相关推荐

最新文章

热门文章