【无标题】

最新推荐文章于 2024-10-18 17:51:23 发布

脆皮码农

最新推荐文章于 2024-10-18 17:51:23 发布

阅读量832

点赞数 25

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/weixin_45909023/article/details/135197711

版权

pc不同浏览器切屏
sucerr() {
//切屏弹框
let boo = null
let time = null
let booTime = true
// document.addEventListener(‘visibilitychange’, (e) => {
// let state = document.visibilityState
// if (state == ‘hidden’) {
// if (boo) {
// clearTimeout(boo)
// boo = setTimeout(() => {
// clearInterval(time)
// time = setInterval(() => {
// this.screenTime += 1//记录切屏次数
// if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
// clearInterval(time)
// console.log(22);
// this.screen()//自己写的弹框方法
// this.screenTime = 0
// this.booTime = false
// }
// }, 1000)
// }, 300)
// } else {
// boo = setTimeout(() => {
// clearInterval(time)
// time = setInterval(() => {
// console.log(2)
// this.screenTime += 1//记录切屏次数
// if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
// clearInterval(time)
// this.screen()
// console.log(11);
// this.screenTime = 0
// this.booTime = false
// }
// }, 1000)
// }, 300)
// }
// }
// if (state == ‘visible’) {
// clearInterval(time)
// if (booTime) {
// if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
// this.screen()
// console.log(‘visible’);
// }
// this.screenTime = 0
// }
// }
// })
window.onblur = () => {
console.log(‘onblur’);
if (boo) {
clearTimeout(boo)
boo = setTimeout(() => {
clearInterval(time)
time = setInterval(() => {
this.screenTime += 1//记录切屏次数
if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
clearInterval(time)
this.screen()

                            this.screenTime = 0
                            this.booTime = false
                        }
                    }, 1000)
                }, 300)
            } else {
                boo = setTimeout(() => {
                    clearInterval(time)
                    time = setInterval(() => {
                        console.log(4)
                        this.screenTime += 1//记录切屏次数
                        if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
                            clearInterval(time)
                            this.screen()
                            console.log(333);
                            this.screenTime = 0
                            this.booTime = false
                        }
                    }, 1000)
                }, 300)
            }
        }
        window.onfocus = () => {
            console.log('onfocus');
            clearInterval(time)
            if (booTime) {
                if (this.screenTime >= this.screenCutting.setTime) {//大于3秒为切屏
                    this.screen()
                }
                this.screenTime = 0
            }
        }
    },