淘宝双十一超级红包 》
visibilitychange 事件
实例
当其选项卡的内容变得可见或被隐藏时执行一段 Javascript 代码：
document.addEventListener('visibilitychange', function() {
if (document.visibilityState === 'visible') {
// 页面变为可见状态时执行的操作
} else if (document.visibilityState === 'hidden') {
// 页面变为不可见状态时执行的操作
}
});
尝试一下 »
定义和用法
visibilitychange 事件是一个在浏览器中的 Document 对象上触发的事件，用于检测当前页面的可见性状态是否发生变化。
当用户切换到其他标签页、最小化浏览器窗口、或者将浏览器窗口隐藏在其他窗口后面时，页面的可见性会发生变化，此时就会触发visibilitychange事件。
语法
document.addEventListener('visibilitychange', function() {
if (document.visibilityState === 'visible') {
// 页面变为可见状态时执行的操作
} else if (document.visibilityState === 'hidden') {
// 页面变为不可见状态时执行的操作
}
});
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| ondrop | 62 | 18 | 56 | 14.1 | 49 |
注意：visibilitychange 事件的行为在不同的浏览器中可能有所不同，因此在使用时需要注意浏览器兼容性。此外，一些移动设备或电脑的节能模式也可能会影响页面的可见性状态，进而触发这个事件。
事件对象