javascript - 使用 JavaScript 防止网页导航离开

Question

如何使用 JavaScript 防止网页跳转？

Answer 1

使用onunload 允许您显示消息，但不会中断导航(因为为时已晚)。但是，使用 onbeforeunload 会中断导航:

window.onbeforeunload = function() {
  return "";
}

注意:返回空字符串是因为较新的浏览器提供了一条无法覆盖的消息，例如“任何未保存的更改都将丢失”。

在旧版浏览器中，您可以指定要在提示中显示的消息:

window.onbeforeunload = function() {
  return "Are you sure you want to navigate away?";
}