在微信公众号页面开发中,要记录用户浏览时长,实现买点操作
1监听visibilitychange事件
mounted() {
// 监听微信的进入后台事件
document.addEventListener('visibilitychange', this.handleVisibilityChange)
},
beforeUnmount() {
// 在组件销毁前移除事件监听
document.removeEventListener('visibilitychange', this.handleVisibilityChange)
},
method(){
/\*\*
\* 微信进入后台
\*/
handleVisibilityChange() {
if (document.visibilityState === 'hidden') {
// 执行清理操作,调用相关的清理函数或触发埋点代码
this.handleBeforeUnload()
}
},
}
/*
* 触发埋点
*/
handleBeforeUnload() {
clearInterval(this.playTimer)
this.dataBurialPoint()//埋点请求
},
beforeDestroy() {
this.handleBeforeUnload() //触发埋点
},