как определить активность вкладки браузера с помощью jquery в javascript

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
4 дня назад

Для проверки активности вкладки браузера можно воспользоваться следующим методом:

$(document).ready(function() {
    // Функция для обновления статуса активности
    function updateVisibilityStatus() {
        if (document.hidden) {
            $('#status').text('Вкладка неактивна');
        } else {
            $('#status').text('Вкладка активна');
        }
    }

    // Слушаем событие при изменении видимости документа
    $(document).on('visibilitychange', function() {
        updateVisibilityStatus();
    });

    // Инициализация статуса при загрузке страницы
    updateVisibilityStatus();
});

Функция updateVisibilityStatus проверяет, видима ли вкладка. Если document.hidden равно true, она обновляет текст в элементе с id status, чтобы отобразить, что вкладка неактивна, и наоборот. Слушатель события visibilitychange вызывает updateVisibilityStatus каждый раз, когда состояние видимости изменяется. При загрузке страницы мы сразу вызываем updateVisibilityStatus, чтобы отобразить текущий статус активности вкладки.

0 0