用户离开站点时显示消息

Question

我正在寻找一种方法，如果用户在仅查看一个页面后离开我的网站，则向用户显示一条消息。

我发现了这个（http://www.pgrs.net/ 2008/1/30/popup-when-leaving-website）聪明的解决方案，但它有一些缺陷：

staying_in_site = false;

Event.observe(document.body, 'click', function(event) {
  if (Event.element(event).tagName == 'A') {
    staying_in_site = true;
  }
});

window.onunload = popup;

function popup() {
  if(staying_in_site) {
    return;
  }
  alert('I see you are leaving the site');
}

它在刷新页面或使用后退按钮时也会显示消息。

您知道更好的解决方案或如何在上面的代码中修复它吗？我不是 javascript 大师:)

我的目的是仅在非常特定的登陆页面上添加代码，并在人们离开该页面而不下载我的试用软件或阅读我网站上的其他页面时显示消息。

Answer 1

首先我要说的是，我不会以任何方式建议您这样做。这是一种不好的做法，它只会惹恼用户并且让你看起来非常绝望。我再说一遍，不要这样做，这不是一个好主意，它很愚蠢，也不是一个好主意。

但您可以做到的方法是仅在用户单击离开网站的链接时显示消息。
您可以通过查看链接的 href 属性并检查它是否是外部站点来完成此操作。如果是，则显示消息

但我再说一遍，不要这样做！

Answer 2

我们或许可以原谅您的 window.onbeforeunload。但就是这样！

Answer 3

在某些情况下，这可能非常有用，但没有此功能会很烦人。我为客户开发的应用程序之一要求用户在页面上输入大量数据（接近 25 个字段）。我知道如果将表单分成更多页面，效果会更好、更有用，但这不是重点。在某些情况下，员工（大多数不是很懂行的计算机用户）输入了数据，但出于某种原因离开了页面而没有提交（我确信是意外的），导致了挫败感。在这种情况下，我很高兴执行 window.onbeforeunload 。