Javascript 使用弹出窗口抢先移动到另一个页面

假设我在HTML5中有一个

更新

页面，如果用户编辑了一个字段，我想在用户退出页面时显示一个弹出窗口（通过单击另一个链接），而不单击

更新

按钮。弹出窗口将确认用户是否希望保存其编辑，或者如果用户拒绝，只需继续他以前单击的链接即可。如何在HTML5/JavaScript中实现这一点？是否有抢占重定向的功能？谢谢。

使用

onbeforeuload

事件

查看演示：

JS代码：

<script language="JavaScript">
  window.onbeforeunload = confirmExit;
  function confirmExit()
  {
    return "You have attempted to leave this page.  If you have made any changes to the fields without clicking the Save button, your changes will be lost.  Are you sure you want to exit this page?";
  }
</script>

window.onbeforeunload=确认退出；
函数confirmExit（）
{
return“您试图离开此页面。如果您在未单击“保存”按钮的情况下对字段进行了任何更改，您所做的更改将丢失。是否确实要退出此页面？”；
}

谢谢，这里显示了一个警报框。如果我想使用我创建的自定义弹出窗口而不是默认的JavaScript警报，怎么样？你不能。这里有一些额外的信息：正如在上面的文章中提到的，您可以使用jQuery的'beforeunload'事件：$（window.bind（'beforeunload'，function（）{//dialog Here}）；但这可能会引起问题