gpt4 book ai didi

javascript - 如何使用 jquery 在浏览器后退按钮单击事件上显示警报

转载 作者:行者123 更新时间:2023-11-27 23:19:32 26 4
gpt4 key购买 nike

我想在浏览器中单击后退按钮时显示警报。它仅在单击后退按钮之前有效,当您单击页面上的其他位置时,否则它将转到上一页而不会出现警告消息。

我在这里添加了我的代码。我想在页面加载后返回。

    $(document).ready(function() {
if (window.history && window.history.pushState) {
//window.history.pushState('', null, './');
window.history.pushState(null, "", window.location.href);
$(window).on('popstate', function() {
alert('Warning! Your data will lose.');
document.location.href = 'www.redirecturl.com';

});
}
});
<html>
<head>
<title>Disable Browser Back Button Using JavaScript</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js">
</script>
</head>
<body>
<a href="Page2.html">Click Here...</a>
</body>
</html>

我这里用的是JQuery

最佳答案

您可以使用 onbeforeunload 事件实现此目的

使用 jquery

$(window).bind('beforeunload', function(){
myFunction();
return 'Are you sure you want to leave?';
});

function myFunction(){
// Write your business logic here
alert('Bye');
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>

<a href="https://www.w3schools.com">Click here to go to w3schools.com</a>

使用 Javascript

window.onbeforeunload = s => "";
<body>

<p>Close this window, press F5 or click on the link below to invoke the onbeforeunload event.</p>

<a href="https://www.w3schools.com">Click here to go to w3schools.com</a>

</body>

关于javascript - 如何使用 jquery 在浏览器后退按钮单击事件上显示警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58092364/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com