vue判断离开当前页面_js监听用户进入和离开当前页面

我要冲啦个人网站建设2024-11-21web前端

VisibilityChange 事件;用于用户是否离开当前页面

// 页面的 visibilityState属性可能返回三种状态 prerender,visible 和 hidden

// 监听 visibility change 事件

document.addEventListener('visibilitychange', function() {

    // 页面变为不可见时触发

    if (document.visibilityState == 'hidden') {

        document.title = '离开';

    }

    // 页面变为可见时触发

    if (document.visibilityState == 'visible') {

        document.title = '回来';

    }

});

// 页面的 hidden属性,false,true;

document.addEventListener('visibilitychange',function(){

    var isHidden = document.hidden;

    if(isHidden){

        document.title = '离开';

    } else {

        document.title = '回来';

    }

});

文章关键词
vue判断离开当前页面
js监听用户进入和离开当前页面