最近在项目中,有一个小需求,需要记录用户在页面中的停留时间。设计了一个离开页面触发onbeforeunload 事件,来进行提交。但是发现方法在chrome浏览器下,时好时坏,不是很灵。
在网上查了一下,又自己做了一些测试,发现如果进入页面不进行点击等操作,直接关闭,会出现不触发的情况。总结来说就是 onbeforeunload 方法需要用户和页面有交互动作才能在关闭页面时进行触发,否则不生效。
window.onbeforeunload = function (e) { console.log('beforeunload'); // TODO return 1; };
最终只能选择了一个比较妥协的办法,在进入页面时给用户一个弹出框,用户如果浏览则需要手动点击关闭,这样进行了交互,就可以触发方法了
另外,有看到网友说,如果不进行交互也会触发,但是不会弹出提示。针对这种情况,个人感觉是因为页面关闭,导致post请求中断,所以数据并未进行保存处理。