Всплывающее уведомление, когда окно / вкладка не активна

Question

Я пытаюсь здесь довольно долго, но безуспешно.

Есть ли у вас какие-либо идеи, как сделать всплывающее окно (предупреждение), когда пользователь меняет вкладку / окно из своего браузера?

Таким образом, в основном, когда пользователь меняет окно в своем браузере, всплывающее окно с предупреждением и пользователю нужно будет нажать кнопку ОК, чтобы продолжитья создаю сайт для онлайн-тестирования, и мне нужно отображать предупреждение всякий раз, когда пользователи будут пытаться изменить вкладку / окно

Answer 1

Вы можете использовать события focus и blur для оконного объекта (вкладки также считаются окнами.) Попробуйте это:

window.addEventListener('focus', function() { console.log('Window has focus'); });
window.addEventListener('blur', function() { console.log('Window lost focus'); });

или с помощью jQuery:

$(window).focus(function() { console.log('Window has focus'); });
$(window).blur(function() { console.log('Window lost focus'); });

Кроме того, будьте осторожны при использовании оповещений таким образом. Многие пользователи могут найти это немного раздражающим.