Question

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

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

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

由于

Answer 1

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

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

Answer 2

使用

onbeforeunload

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

代码示例：

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

确认浏览器后退按钮

2 个答案: