onbeforeunload 离开页面前确认不工作

Question

我试图在用户离开页面之前确认，我使用了这个解决方案

<script>
window.onbeforeunload = function(){
  return 'Are you sure you want to leave?';
};
</script>

但这仅在您与页面上的某些内容（例如单击或键入）进行交互时才有效，当您直接关闭页面时它不起作用

我创建了一个仅记录的弹出页面，即页面上没有任何东西可以与之交互，所以我如何在离开前确认它？

Answer 1

在文档中

根据规范，要显示确认对话框，事件处理程序应在事件上调用 preventDefault()。

所以，你至少应该做

window.onbeforeunload = function(e){
  e.preventDefault();
  return 'Are you sure you want to leave?';
};

---

但是文档也 state

为了对抗不需要的弹出窗口，浏览器可能不会显示在 beforeunload 事件处理程序中创建的提示，除非页面已经被交互过，或者甚至可能根本不显示它们。

因此，您可能会因为没有与之交互的完全空白页面而完全不走运。