0

Стоить задача отловить действие пользователя, когда он мышью выходит за границы viewport. Как это сделать?

Дело в том, что window.addEventListener('mouseout' ...) - не работает. Когда я навожу на элемент внутри страницы(на какой-нибудь div) - срабатывает этот обработчик. Аналогично с body.addEventListener.

А мне нужно отловить именно выход за границы моей страницы, например когда пользователь хочет закрыть браузер или вкладку, или свернуть браузер. Как это можно сделать на чистом JS?

3
  • Никак, события не обрабатываются за пределами viewport. По-моему, даже плагины не предоставляют возможностей отследить hover-ры на вкладках. Commented 8 апр. 2021 в 20:20
  • А как-же window.onblur ? Это почти подходящий для меня вариант
    – B. Metalyx
    Commented 8 апр. 2021 в 20:30
  • Но с вкладками такого не прокатит. Я в смысле про определение момента, когда пользователь пытается отойти, а не когда что-то уже произошло. И window.onblur это внутри документа, а не снаружи. Commented 8 апр. 2021 в 20:32

1 ответ 1

1

Вы можете поймать момент выхода мышки за пределы document.

document.addEventListener('mouseleave', function() {
  console.log('mouseleave');
});

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.