离开页面的活动

Question

如何编写一个在用户试图离开页面时显示警告的功能？

我一直在考虑网站最顶端的1px高分区，当用户将其悬停时会出现警报，但是我无法将其放在那里，为此我放置的html代码越少更好。

我一直在考虑的另一种方法是卸载或者之前的事件，但它们似乎已经被弃用了。

我该怎么做？

Answer 1

  

如何编写一个在用户试图离开页面时显示警告的功能？

这样做的唯一方法是使用onbeforeunload，然后你会得到非常的小控件：基本上，你可以提供一条可能（但可能只是*）显示的消息给用户。用户将获得两个选择：继续，离开或留下。

onbeforeunload是一个非常不寻常的事件。这是你如何勾选它：

window.onbeforeunload = function() {
    if (youWantToShowAMessage) {
        return "The message goes here.";
    }
};

  

我一直在考虑的另一种方法是卸载或者之前的事件，但它们似乎已经被弃用了。

我不知道其中任何一个被弃用了。你可以做的内容是非常有限的（有充分的理由），但在替换之前，onbeforeunload有一个有用的目的：它让网页告诉用户他们可能正在失去他们离开时的某些东西（例如未得救的工作）。当前机制只允许消息和非常非常少的其他动作是一个体面的机制：它使用户处于控制状态，但让页面有用。

* Mozilla只是在显示一条通用消息，但没有显示您的消息。