前端 如何检测到当前的网页已经退出_js 怎样判断用户是否在浏览当前页面?...
时间: 2023-12-12 15:05:47 浏览: 168
判断用户已经退出和防止用户未登录直接访问页面
5星 · 资源好评率100%
要检测用户是否在浏览当前页面,可以使用 Page Visibility API。这个 API 可以让你检测到页面是否隐藏(比如用户已经切换到另一个标签页或者最小化了浏览器窗口等),从而让你可以在这种情况下暂停一些不必要的操作或者发送通知等。
下面是一个示例代码,它可以检测用户是否在浏览当前页面:
```javascript
var hidden, visibilityChange;
if (typeof document.hidden !== "undefined") {
hidden = "hidden";
visibilityChange = "visibilitychange";
} else if (typeof document.msHidden !== "undefined") {
hidden = "msHidden";
visibilityChange = "msvisibilitychange";
} else if (typeof document.webkitHidden !== "undefined") {
hidden = "webkitHidden";
visibilityChange = "webkitvisibilitychange";
}
function handleVisibilityChange() {
if (document[hidden]) {
// 用户已经离开了当前页面
} else {
// 用户正在浏览当前页面
}
}
if (typeof document.addEventListener !== "undefined" && typeof hidden !== "undefined") {
document.addEventListener(visibilityChange, handleVisibilityChange, false);
}
```
在这个示例中,我们首先检测浏览器是否支持 Page Visibility API,然后为 `visibilitychange` 事件绑定一个处理函数。当用户切换到另一个标签页或者最小化了浏览器窗口时,这个处理函数会被自动调用,从而让你可以检测到用户是否在浏览当前页面。
阅读全文