visibilitychangeEvento

事件对象参考手册Objeto de evento

Ejemplo

Ejecutar un código JavaScript cuando el contenido de su pestaña se vuelve visible u oculto:

document.addEventListener('visibilitychange', function() { if (document.visibilityState === 'visible') { //Operación ejecutada cuando la página se vuelve visible } else if (document.visibilityState === 'hidden') { //Operación ejecutada cuando la página se vuelve invisible } });

Pruébalo »

Definición y uso

El evento visibilitychange es un evento que se activa en el objeto Document del navegador y se utiliza para detectar si el estado de visibilidad de la página actual ha cambiado.

Cuando el usuario cambia a otra pestaña, minimiza la ventana del navegador u oculta la ventana del navegador detrás de otras ventanas, la visibilidad de la página cambia y en ese momento se activa el evento visibilitychange.

Sintaxis

document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === 'visible') {
    // 页面变为可见状态时执行的操作
  } else if (document.visibilityState === 'hidden') {
    // 页面变为不可见状态时执行的操作
  }
});

Compatibilidad del navegador

Evento
ondrop 62 18 56 14.1 49

Nota:visibilitychangeEl comportamiento del evento puede variar en diferentes navegadores, por lo que se debe prestar atención a la compatibilidad del navegador al usarlo. Además, el modo de ahorro de energía de algunos dispositivos móviles u ordenadores también puede afectar el estado de visibilidad de la página y, por lo tanto, activar este evento.

事件对象参考手册Objeto de evento Otras extensiones