js監聽用戶是否在瀏覽當前頁面

1、使用js代碼來判斷用戶是否在瀏覽當前頁面

window.onblur = function () {
    console.log("失去焦點");
}
document.addEventListener('visibilitychange',function(){
    if(document.visibilityState==='hidden'){
        console.log("選項卡切換");
    }
});

使用的時候，兩者需要配合使用

2、效果

當鼠標點擊了在當前頁面之外位置時，就會觸發失去焦點的處理函數，如果用戶切換了瀏覽器的選項卡的時候，觸發選項卡切換的事件（這個只有在PC端瀏覽器下才有用，其他移動端視情況而定）