我正在尝试激活页面重新加载器阻止程序，并能够停用重新加载程序阻止程序。换句话说，当用户即将卸载/重新加载他们的页面时，我能够显示一个对话框，但我目前正在寻找一种方法，让用户在某个功能之后卸载/重新加载他们的页面而没有任何对话框或警告已被调用。
也许删除事件侦听器会有所帮助？
这是我正在使用的代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<button onclick="activateReloader()">activate</button>
<button onclick="deactivateReloader()">deactivate</button>
<script>
function activateReloader() {
window.addEventListener('beforeunload', function (e) {
// Cancel the event
e.preventDefault();
// Chrome requires returnValue to be set
e.returnValue = '';
});
}
function deactivateReloader() {
window.removeEventListener('beforeunload', function (e) {});
}
</script>
</body>
</html>
removeEventListener通过检查您传递给它的函数的引用来工作，并查看它之前是否由addEventListener. 这意味着如果您想稍后删除侦听器，则不能将其添加为匿名函数 - 您需要对其进行引用：
function onBeforeUnload(e) {
// Cancel the event
e.preventDefault();
// Chrome requires returnValue to be set
e.returnValue = '';
}
function activateReloader() {
window.addEventListener('beforeunload', onBeforeUnload);
}
function deactivateReloader() {
window.removeEventListener('beforeunload', onBeforeUnload);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句