簡介

VisibilityChange 事件；用于判斷用戶是否離開當前頁面

Code

// 頁面的 visibility 屬性可能返回三種狀態 // prerender，visible 和 hidden let pageVisibility = document.visibilityState; // 監聽 visibility change 事件 document.addEventListener('visibilitychange', function() {// 頁面變為不可見時觸發 if (document.visibilityState == 'hidden') { ... } // 頁面變為可見時觸發 if (document.visibilityState == 'visible') { ... } } );

這里我僅僅判斷了 hidden

<script type="text/javascript">
// 監聽 visibility change 事件
document.addEventListener('visibilitychange',function(){
var isHidden = document.hidden;
if(isHidden){
document.title = '死鬼，你去哪兒了';
} else {
document.title = '你終于回來了啊';
}
}
);
</script>
?

?

轉載于:https://www.cnblogs.com/52liming/p/9537987.html

總結

以上是生活随笔為你收集整理的js判断用户是否离开当前页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。