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

区分页面刷新和浏览器关闭操作

当由页面刷新或浏览器关闭触发时，ONUNLOAD 事件在区分这两个操作时提出了挑战.

为了解决此问题，以下解决方案利用 HTML5 本地存储和客户端/服务器 AJAX 通信：

解决方案实现

页面 onLoad 事件处理程序

<code class="javascript">function myLoad(event) {
    if (window.localStorage) {
        var t0 = Number(window.localStorage['myUnloadEventFlag']);
        if (isNaN(t0)) t0=0;
        var t1=new Date().getTime();
        var duration=t1-t0;
        if (duration<10*1000) {
            // It's a browser reload
        } else {
            // It's a browser close
        }
    }
}</code>

Page onUnload 事件处理程序

<code class="javascript">function myUnload(event) {
    if (window.localStorage) {
        // Flag the page as unloading
        window.localStorage['myUnloadEventFlag']=new Date().getTime();
    }

    // Notify the server to disconnect the user in a few seconds
    askServerToDisconnectUserInAFewSeconds();
}</code>

服务器实现

• 收集列表中的断开连接请求。
• 设置一个计时器线程定期检查列表，并超时（5 秒）后断开用户连接。
• 收到客户端的取消请求后，从列表中删除断开连接请求。

要点

• 通过使用 unload 事件而不是 beforeUnload，可以正确处理附件。
• 此解决方案仅限于支持 HTML5 本地存储的浏览器。
• 基于 event.clientY 或 X 位置的替代方法是不太可靠。

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