关闭浏览器时 onbeforeunload 不起作用

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

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

  

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

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

 

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

posted @ 2020-04-16 17:00  tearfc  阅读(6267)  评论(1编辑  收藏  举报