Документ: зміна видимості

Переклад цієї статті ще не завершено. Будь ласка, допоможіть перекласти цю статтю з англійської мови

Подія  visibilitychange запускається в документі, коли вміст його вкладки змінився, став видимим або прихованим.

Бульбашки Так
Скасовується Ні
Інтерфейс event
Свойство обработчика события onvisibilitychange

Інформація про використання

У подію не включено оновлення статусу видимості документа, але цю інформацію можна отримати з властивості visibilityState документа.

Приклади

У цьому прикладі починається відтворення музичного запису, коли документ стає видимим, і призупиняється відтворення музики, коли документ більше не видно.

document.addEventListener("visibilitychange", function() {
  if (document.visibilityState === 'visible') {
    backgroundMusic.play();
  } else {
    backgroundMusic.pause();
  }
});

Специфікації

Специфікація Статус Коментар
Page Visibility (Second Edition)
The definition of 'visibilitychange' in that specification.
Recommendation

Сумісність з браузерами

No compatibility data found. Please contribute data for "api.Document.visibilitychange" (depth: 1) to the MDN compatibility data repository.

Дивись також