原理：瀏覽器判斷是否切換頁面主要是判斷 用戶是否切換 選項卡 tab

方法：

（1） document.hidden
　　 返回值為true：表示被隱藏，不可見
　　 返回值為false：表示未被隱藏，可見

（2）document.visibilityState
　　 返回值為 visible：表示是可見狀態(tài)
　　 返回值為 hidden：表示隱藏狀態(tài)

檢測用戶是否切換頁面

頁面是否最小化

if (document.hidden !== undefined) {document.addEventListener('visibilitychange', () => {// alert(document.hidden);if(document.hidden){alert('系統(tǒng)檢測到您有切屏行為！！！');}}) } window.addEventListener("visibilitychange", function () {if (document.hidden) {alert('系統(tǒng)檢測到您有切屏行為！！！');} });

鼠標是否移出瀏覽器

window.onmouseout = function (event) {if (event.toElement === null) {alert('警告，鼠標離開瀏覽器！！！');} } $(document).mouseleave(function () {alert('警告，鼠標離開瀏覽器！！！'); });$(document).mouseenter(function () {alert('鼠標進入瀏覽器'); });

總結

以上是生活随笔為你收集整理的html+js浏览器检测的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。