visibilitychangeСобытие

事件对象参考手册Объект Event

Примеры

Выполнить фрагмент кода 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') {
    // 页面变为不可见状态时执行的操作
  }
});


Поддержка браузеров

Event
ondrop 62 18 56 14.1 49

Примечание:visibilitychangeПоведение события может различаться в разных браузерах, поэтому при его использовании необходимо учитывать совместимость с браузерами. Кроме того, режимы энергосбережения на некоторых мобильных устройствах или компьютерах также могут влиять на состояние видимости страницы, тем самым вызывая это событие.


事件对象参考手册Объект события Другие расширения