Как проверить, что мышь внутри страницы?

Question

[Сергей Титов]

Как проверить, что мышь находится внутри страницы?
Задача такова:
звуковое оповещение при новом сообщении, но в случае, если пользователь итак сидит в чате (то есть мышь в теле документа), звуковое оповещение не нужно, как это реализовать? Почитал про mouseenter и т.д, но особо не понял, как мне вот это записать:
if (мышь находится в документе){
что-то делаю
}
else{
делаю что-то другое
}

Comments

[Алексей Уколов]

Более логичным будет сделать какой-то период с момента последней активности. Если я уйду в другую комнату, оставив мышь в окне чата, я, скорее всего, хотел бы услышать оповещение.

Answer 1

[Виктор]

if(!document.hidden){
    console.log("Я в чате");
}

Comments

[Сергей Титов]

спасибо большое :)

[Алексей Уколов]

Это решение не работает, если у меня поверх браузера открыто еще одно окно. Фактически, это проверка активности таба. Не знаю насколько автору вопроса это критично.

[Сергей Титов]

Алексей Уколов: в идеале бы конечно, чтобы не только активность таба была, но пока и так сойдет, хотя можно еще потестить то, что отписал автор ниже.

[Алексей Уколов]

Сергей Титов: Я тестил события окна и документа - они срабатывали как-то очень нерегулярно. Если быстро мышь вывести за пределы экрана, то событие могло не сработать. Опять же, я в комментарии к вопросу написал, что такая проверка вообще не лучшая практика. Я могу курсор оставить в окне сайта, даже фокус на поле ввода могу оставить и уйти в другую комнату или просто отвернуться - пользователь должен сам решать, нужны ему уведомления или нет.

[Сергей Титов]

Алексей Уколов: я планирую такое уведомление + добавлю кнопку, которая позволит его отключать, если у него будет такое желание)

Answer 2

[Untit1ed]

Можно ловить ивенты window.onfocus и window.onblur