Javascript 离开页面时发生的事件

如何编写一个函数，在用户试图离开页面时显示警报

我一直在考虑在网站顶部设置一个1px高的div，当用户将其悬停时，会出现一个警报，但我无法将其放置在那里，因此我放置的html代码越少越好

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

我该怎么做

如何编写一个函数，在用户试图离开页面时显示警报

唯一的方法是在卸载之前使用

onbeforeuload

，您可以获得非常的控制：基本上，您可以提供一条消息，该消息可能（但可能仅*）会显示给用户。用户将有两个选择：继续并离开，或留下

onbeforeunload

是一个非常不寻常的事件。下面是你如何勾住它的：

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

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

我不知道有哪一个被弃用了。您可以在它们中执行的操作非常有限（这是有充分理由的），但除非有替换，否则，

onbeforeunload

有一个有用的用途：它让网页告诉用户，当用户离开时，他们可能会丢失一些东西（例如，未保存的工作）。目前的机制只允许一条消息和很少的其他操作，这是一个不错的机制：它让用户控制，但让页面变得有用

---

*Mozilla曾试图只显示一般信息，而不显示您的信息

如何编写一个函数，在用户试图离开页面时显示警报

唯一的方法是在卸载之前使用

onbeforeuload

，您可以获得非常的控制：基本上，您可以提供一条消息，该消息可能（但可能仅*）会显示给用户。用户将有两个选择：继续并离开，或留下

onbeforeunload

是一个非常不寻常的事件。下面是你如何勾住它的：

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

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

我不知道有哪一个被弃用了。您可以在它们中执行的操作非常有限（这是有充分理由的），但除非有替换，否则，

onbeforeunload

有一个有用的用途：它让网页告诉用户，当用户离开时，他们可能会丢失一些东西（例如，未保存的工作）。目前的机制只允许一条消息和很少的其他操作，这是一个不错的机制：它让用户控制，但让页面变得有用

---

*Mozilla曾试图只显示一般信息，而不显示您的信息

如何编写一个函数，在用户试图离开页面时显示警报

唯一的方法是在卸载之前使用

onbeforeuload

，您可以获得非常的控制：基本上，您可以提供一条消息，该消息可能（但可能仅*）会显示给用户。用户将有两个选择：继续并离开，或留下

onbeforeunload

是一个非常不寻常的事件。下面是你如何勾住它的：

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

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

我不知道有哪一个被弃用了。您可以在它们中执行的操作非常有限（这是有充分理由的），但除非有替换，否则，

onbeforeunload

有一个有用的用途：它让网页告诉用户，当用户离开时，他们可能会丢失一些东西（例如，未保存的工作）。目前的机制只允许一条消息和很少的其他操作，这是一个不错的机制：它让用户控制，但让页面变得有用

---

*Mozilla曾试图只显示一般信息，而不显示您的信息

如何编写一个函数，在用户试图离开页面时显示警报

唯一的方法是在卸载之前使用

onbeforeuload

，您可以获得非常的控制：基本上，您可以提供一条消息，该消息可能（但可能仅*）会显示给用户。用户将有两个选择：继续并离开，或留下

onbeforeunload

是一个非常不寻常的事件。下面是你如何勾住它的：

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

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

我不知道有哪一个被弃用了。您可以在它们中执行的操作非常有限（这是有充分理由的），但除非有替换，否则，

onbeforeunload

有一个有用的用途：它让网页告诉用户，当用户离开时，他们可能会丢失一些东西（例如，未保存的工作）。目前的机制只允许一条消息和很少的其他操作，这是一个不错的机制：它让用户控制，但让页面变得有用

---

---

*Mozilla试图只显示一条普通消息，而不显示您的消息。

但它们似乎不受欢迎

您认为如何？下面是早期帖子中的一些信息：

onbeforeunload

考虑到了这一点，但请记住，99%的情况下，可能会利用这一点是真的入侵，这是一个迪克的举动（因此，为什么浏览器没有真正一致地处理它）。在1%的情况下，如果存在未提交的表单，则用户可能会后悔关闭该表单。对于这种情况，请查看引用“表单污染”的现有库。更正：查看“脏表单”以找到将表单未保存关闭的风险降至最低的解决方案（“您确定…”警报）。污染是一个类似的想法，用于检查内容是否受到外部来源的潜在危害。

但它们似乎被弃用了

你怎么看？以下是早期帖子中的一些信息：

onbeforeunload

考虑到了这一点，但请记住99%的场景可能会利用这一点