当有人试图刷新页面时，我想检查一下。
例如，当我打开一个页面什么都没有发生，但当我刷新页面时，它应该显示一个警告。
当前回答
在控制台添加以下脚本:
window.addEventListener("beforeunload", function(event) {
console.log("The page is redirecting")
debugger;
});
其他回答
if(sessionStorage.reload) {
sessionStorage.reload = true;
// optionnal
setTimeout( () => { sessionStorage.setItem('reload', false) }, 2000);
} else {
sessionStorage.setItem('reload', false);
}
⚠️⚠️⚠️window.performance.navigation.type已弃用。请看Илья Зеленько的回答。
了解页面是否实际被重新加载的更好方法是使用大多数现代浏览器支持的导航器对象。
它使用导航计时API。
//检查导航定时API支持 If (window.performance) { Console.info ("window.performance works fine on this browser"); ｝ console.info (performance.navigation.type); 如果(performance.navigation。type == performance.navigation.TYPE_RELOAD) { console.info("此页面已重新加载"); }其他{ console.info("此页面未重新加载"); ｝
来源:导航定时API
我在JavaScript检测页面刷新中找到了一些信息。他的第一个建议是使用隐藏字段，这些字段往往是通过页面刷新存储的。
function checkRefresh() { if (document.refreshForm.visited.value == "") { // This is a fresh page load document.refreshForm.visited.value = "1"; // You may want to add code here special for // fresh page loads } else { // This is a page refresh // Insert code here representing what to do on // a refresh } } <html> <body onLoad="JavaScript:checkRefresh();"> <form name="refreshForm"> <input type="hidden" name="visited" value="" /> </form> </body> </html>
if
event.currentTarget.performance.navigation.type
返回
0 =>用户刚刚输入了一个Url 1 =>页面重新加载 2 =>返回按钮单击。
document.addEventListener("keydown", (e)=>{
if (e.keyCode === 116) {
e.preventDefault();
// your code here
// var r = confirm("Reload!");
// if (r == true)
// window.location.reload();
}
})
这里我们使用事件监听器“keydown”，因为F1 - F12键在浏览器上无法用于“keypress”。 116是“F5”的键码。检查在这里 'preventDefault()'将停止按下键的默认功能。 在这里，当按下F5时，它会停止直接刷新。 然后添加代码。 当警报被确认时，'location.reload()'将重新加载页面
