• 关闭浏览器时 onbeforeunload 不起作用


      最近在项目中,有一个小需求,需要记录用户在页面中的停留时间。设计了一个离开页面触发onbeforeunload 事件,来进行提交。但是发现方法在chrome浏览器下,时好时坏,不是很灵。

      在网上查了一下,又自己做了一些测试,发现如果进入页面不进行点击等操作,直接关闭,会出现不触发的情况。总结来说就是 onbeforeunload 方法需要用户和页面有交互动作才能在关闭页面时进行触发,否则不生效。

      

    window.onbeforeunload = function (e) {
        console.log('beforeunload');
        // TODO   
        return 1;
    };

      最终只能选择了一个比较妥协的办法,在进入页面时给用户一个弹出框,用户如果浏览则需要手动点击关闭,这样进行了交互,就可以触发方法了

      另外,有看到网友说,如果不进行交互也会触发,但是不会弹出提示。针对这种情况,个人感觉是因为页面关闭,导致post请求中断,所以数据并未进行保存处理。

  • 相关阅读:
    JAVA日报
    剑指 Offer 31. 栈的压入、弹出序列
    剑指 Offer 30. 包含min函数的栈
    剑指 Offer 29. 顺时针打印矩阵
    20210426日报
    20210423日报
    20210422日报
    20210421日报
    20210420日报
    20210419日报
  • 原文地址:https://www.cnblogs.com/tearfc/p/12714002.html
Copyright © 2020-2023  润新知