JavaScript中如何区分页面刷新和浏览器关闭？

识别页面刷新与浏览器关闭

触发 ONUNLOAD 事件时，很难区分刷新页面和关闭浏览器。本文提出了此问题的解决方案。

解决方案

此解决方案利用 HTML5 的本地存储和服务器客户端 AJAX 通信：

1. 窗口卸载处理程序：

   • 在窗口上注册一个 onunload 处理程序。
   • 在此处理程序中，设置一个本地存储标志来指示页面卸载（ myUnloadEventFlag)。
   • 向服务器发送 AJAX 请求，要求在指定的延迟（例如 5 秒）后断开用户连接

2. 主体加载处理程序：

   • 在页面主体上注册一个 onload 处理程序。
   • 在此处理程序中，检查卸载事件的本地存储标志。
   • 如果当前时间与flag的时间之差小于指定的延迟，则页面已重新加载，必须取消服务器的断开连接请求。
   • 否则，浏览器关闭。

3. 服务器处理：

   • 维护断开连接请求列表。
   • 运行一个计时器，定期检查列表。
   • 当请求超时后，断开用户连接。
   • 如果收到取消请求，则从列表中删除相应的断开连接请求。

这种方法通过考虑卸载事件的时间来区分选项卡/窗口关闭和页面重新加载。它适用于其他事件，例如通过在相关页面上放置事件处理程序来跟踪链接和提交表单。

限制：

此解决方案需要 HTML5 本地存储支持，并且可能不支持可在 MSIE7 等旧版浏览器上工作。

以上是JavaScript中如何区分页面刷新和浏览器关闭？的详细内容。更多信息请关注PHP中文网其他相关文章！