onbeforeunload事件异常？
onbeforeunload事件异常？
提问于 2021-05-10 02:58:04
我想知道是否有一种方法可以使onbeforeunload事件警报在任何其他情况下触发，除了特定函数导致的页面重新加载。
之前回答的大多数问题充其量都是3年前的。
window.addEventListener('beforeunload', function (e) {
e.preventDefault();
e.returnValue = '';
});
document.getElementById("reload").addEventListener("click", myFunction);
function myFunction() {
location.reload();
} // I WANT TO EXCLUDE THIS FUNCTION FROM ONBEFOREUNLOAD EVENT ALERT<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
</head>
<body>
<button id="reload">RELOAD FROM HERE SHOULD NOT TRIGGER ONBEFOREUNLOAD ALERT</button>
</body>
</html>
回答 1
Stack Overflow用户
回答已采纳
发布于 2021-05-10 02:59:49
一个简单的解决方案是设置一个标志，并在beforeunload侦听器中检查该标志：
let beforeUnloadAlert = true;
window.addEventListener('beforeunload', function (e) {
if (!beforeUnloadAlert) return;
// etc
e.preventDefault();
e.returnValue = '';
});function myFunction() {
beforeUnloadAlert = false;
location.reload();
}另一种方法是在调用.reload之前删除该侦听器，方法是将该侦听器放入一个命名函数中：
window.addEventListener('beforeunload', unloadHandler);function myFunction() {
window.removeEventListener('beforeunload', unloadHandler);
location.reload();
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67461348
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号