关于微信打开的 H5 页面的关闭、隐藏和返回等事件的监听。

[tlerbao]

现在要做一个公众号 H5 答题，想在用户开始答题后监听页面的相关事件。

比如关闭的话就默认交卷 隐藏的话计时器继续记时到时间自动交卷 返回后退退出页面的话提示将交卷等

google 了一下发现说什么的都有，而且坑很多，

就微信下打开的 H5 页面有经验的小哥能不能你说说主要怎么监听怎么做？

[ysc3839]

关闭的话 sendBeacon 加心跳包后端判断。切后台 blur 事件。到时自动交卷的话后端处理即可。按返回键提示的话大概可以用 history.pushState 。

[tlerbao]

@ysc3839 微信打开 H5 后点击左上角的 X 关闭，不能在关闭前阻断个提示吗？

[ysc3839]

@tlerbao 提示应该是不行的

[huaijin]

addEventListener("visibilitychange", () => {});
当用户导航到新页面、切换标签页、关闭标签页、最小化或关闭浏览器，或者在移动设备上从浏览器切换到不同的应用程序时，该事件就会触发