Пользователь покинул вкладку (JavaScript)

Чтобы узнать ушел ли пользователь со вкладки, необходимо использовать событие onblur у объекта window. Повесить обработчик на это событие, можно двумя способами: window.onblur = someFunction; или через window.addEventListener('blur', someFunction);

windows.onblur

Ниже пример указания события, через присваивание некоей функции свойству onblur, объекта window.

var counter = 0; window.onblur = function(event) { counter++; console.log('Пользователь покинул вкладку: ' + counter); };

В результате, при переключении на другую вкладку, или сворачивании окна, или даже просто переместив курсор в адресную строку, в лог консоли браузера будет выведено сообщение: "Пользователь покинул вкладку: X".

window.addEventListener blur

Ниже добавление обработчика события blur, при помощи метода window.addEventListener().

var counter = 0; window.addEventListener('blur', function() { counter++; console.log('Мы ушли со вкладки! ' + counter); }, false);

В результате, если уйти со вкладки, в консоль браузера будет выведено "Мы ушли со вкладки! X".

Категории

ПрограммированиеJavaScriptСобытияblur

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

Комментарии