Комментарий: нам давно не хватает метода, чтобы определить, просматривает ли пользователь указанную вкладку. Пользователи посещали другие сайты? Они перешли назад?
Теперь интерфейс видимости страницы в HTML5 предоставляет программистам метод использования события страницы VisibilityChange, чтобы оценить статус видимости текущего страницы и выполнить определенные задачи целенаправленным образом. Существует также новый документ. Использование собственности, которое можно использовать.
Document.hidden
Этот вновь применяемый документ. Hidden свойство показывает, является ли страница страницей, которая в настоящее время просматривается пользователем, со значением Ture или False.
Document.visibubleState
Значение Stembisestate либо видно (указывает на то, что страница в настоящее время активируется браузером, а окно не сведено к минимуму), либо скрытой (страница в настоящее время не активируется на вкладках, или окно сводится к минимуму) или предварительно (страница регенерирует и не видно для пользователя.).
VisibilityChange Event
Очень легко прослушать изменения видимости страницы:
// Совместим с различными браузерами
var скрыт, состояние, видимость;
if (typeof document.hidden! == "Undefined") {
hidden = "hidden";
VisibilityChange = "VisibilityChange";
State = "Visebilitystate";
} else if (typeof document.mozhidden! == "undefined") {
hidden = "mozhidden";
VisibilityChange = "mozvisibilityChange";
State = "mozvisibilitystate";
} else if (typeof document.mshidden! == "undefined") {
hidden = "mshidden";
VisibilityChange = "msvisibilyChange";
state = "msvisibleState";
} else if (typeof document.webkithidden! == "undefined") {
hidden = "webkithidden";
VisibilityChange = "webkitvisibilitychange";
state = "webkitvisibilitystate";
} </p> <p> // Добавить слушателя, чтобы отобразить изменения статуса в заголовке
document.addeventlistener (visembeabilitychange, function () {
document.title = документ [State];
}, false); </p> <p> // инициализация
document.title = документ [State];
Приведенный выше код изменит значение document.title, когда изменяется видимость страницы!
Итак, когда вам нужно использовать событие VisibilityChange? Например, если на вашей странице есть встроенное видео, когда пользователь переключается на другую вкладку, видео на вашей вкладке должно автоматически приостановить воспроизведение и продолжать воспроизведение, когда пользователь переключается обратно. Например, если на вашей странице есть автоматическое действие обновления, когда пользователь переключается на другие вкладки, вы должны прекратить обновлять и продолжить предыдущее действие, когда пользователь переключается обратно.