javascript - 确认浏览器后退按钮

Question

我需要控制后退按钮。我检查了类似的帖子，它不会像我预期的那样工作。

我需要在单击后退按钮时显示自定义确认消息。如果用户点击“取消”，那么他们应该留在同一页面上。

任何人都可以准备好示例代码吗？

谢谢

Answer 1

由于后退按钮是浏览器功能的一部分，而不是网页功能的一部分，因此您能做的最好的事情就是处理beforeunload事件。这使您可以在用户出于任何原因离开页面之前提供自定义取消消息。关于如何设置处理程序和添加额外的处理程序以在获取链接之前删除 beforeunload 处理程序等的一些智能应该合法地将用户带到不同的页面可以近似您正在寻找的行为。请参阅参考文档中的示例：

window.addEventListener("beforeunload", function( event ) {
  event.returnValue = "a non-empty string";
}, false);

Answer 2

使用

卸载前

而是事件。它会在用户离开页面之前触发。

代码示例：

window.addEventListener('beforeunload',function(e){
    !confirm('Do you want to leave?') && e.preventDefault();
},false);