javascript - onbeforeunload 的正确使用方法？

Question

我正在尝试在用户到达我的页面时发布数据。这适用于 chrome 和 explorer，也适用于 firefox，但是，在 firefox 上，奇怪的是只有当用户关闭页面时它才有效。如果他们返回或转到另一个站点(通过在地址栏中键入内容或其他方式)，则不会发布数据。我的问题是，使用 onbeforeunload 发布数据的正确方法是什么？

$(window).bind('beforeunload', function () {

      $.post("track.php", {
         async: false,
         ip: ip,
         referer: referer,
         clicks: kactane2,
         scrolls: kactane,
         time: time,
         refid: refid,
         country: country, 
      });

});

Answer 1

没有好的方法，因为这不是 onbeforeunload 的使用方式。

使用 onbeforeunload 的正确方法是监听此事件，然后卸载您可能正在使用的任何数据或资源，因为用户正在离开该页面。你不应该用它来尝试开始新事物。根据HTML5 specification showModalDialog()、alert()、confirm() 和 prompt() 是明确不允许的，这个想法是给你一点时间来清理所有事件处理程序、网络 worker 和其他东西。

如果定义了事件处理程序，则可能会向用户显示一个页面，内容为 “您确定要离开吗？” 但出于安全原因，通常无法自定义表单，但这取决于浏览器。

您可能最好将数据设置在 cookie 中或可以快速完成且只发生在浏览器中的东西中，然后在下一个页面加载时查找该数据。