Як визначити активну вкладку в javascript

Як визначити активну вкладку в javascript

Іноді буває необхідно відстежити, чи знаходиться користувач на вкладку вашого сайту чи ні. Це може стати в нагоді при створенні таймерів, які б перевіряли кожні 10 секунд, онлайн користувач чи ні, а також різних повідомлень або просто статистики.

Суть скрипта полягає в тому, що ми повинні вловлювати активний елемент, на якому знаходиться миша користувача за рахунок onfocus або користувач переключився на іншу вкладку (а може і зовсім закрив її) - onblur.

Код скрипта, який вважає секунди проведені користувачем на сайті.

Якщо ми в активній вкладці, то рахунок йде, якщо покинули вкладку - таймер зупиняється. Але якщо знову зайшли на цю вкладку, то рахунок продовжує йти далі з того моменту, звідки був зупинений. Свого роду я зробив скрипт, який інформує, скільки часу користувач знаходиться онлайн на сайті.

Користувач онлайн уже 0 сек.

Деякі користувачі роблять те ж саме на jQuery ось так:

$ (Window) .focus (function () <>); // У вкладці
$ (Window) .blur (function () <>); // Покинули вкладку

Або навіть ось так (призначивши виконання скрипта на певному тезі):

Але суть роботи від цього не змінюється. Зміст залишається тим самим.

Читайте також

Дозволить швидко створити будь-яку форму зворотного зв'язку для вашого сайту з чекбоксами, полями, радіокнопку, файлами і безліччю налаштувань!