浏览器返回按钮确认

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);