js 实现浏览器下标签页间切换触发的事件

本文主要是介绍js 实现浏览器下标签页间切换触发的事件，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

需求：浏览器标签页切换，监听事件

<script>

    
    var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null;
    var visibilityChangeEvent = hiddenProperty.replace(/hidden/i, 'visibilitychange');
    var onVisibilityChange = function(){
        if (!document[hiddenProperty]) {
            console.log('页面非激活');
        }else{
            console.log('页面激活')
            /*document.location.reload();//重新加载当前页面*/
        }
    };
    document.addEventListener(visibilityChangeEvent, onVisibilityChange);

    window.localStorage.setItem("fwbl_prePage","1");
    window.localStorage.setItem("money_use","1");
</script>

参考地址：https://blog.csdn.net/cczhumin/article/details/50736825

这篇关于js 实现浏览器下标签页间切换触发的事件的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！