现在要做一个公众号 H5 答题,想在用户开始答题后监听页面的相关事件。
比如关闭的话就默认交卷 隐藏的话计时器继续记时到时间自动交卷 返回后退退出页面的话提示将交卷等
google 了一下发现说什么的都有,而且坑很多,
就微信下打开的 H5 页面有经验的小哥能不能你说说主要怎么监听怎么做?
1
ysc3839 153 天前
关闭的话 sendBeacon 加心跳包后端判断。切后台 blur 事件。到时自动交卷的话后端处理即可。按返回键提示的话大概可以用 history.pushState 。
|
4
huaijin 153 天前
addEventListener("visibilitychange", () => {});
当用户导航到新页面、切换标签页、关闭标签页、最小化或关闭浏览器,或者在移动设备上从浏览器切换到不同的应用程序时,该事件就会触发 |