JavaScript, обнаруживать, когда курсоры мыши находятся не над каким-либо элементом

Question

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

Я хочу знать, не находится ли мой курсор мыши над ЛЮБЫМ элементом

Например, скажем, на моей странице есть одно текстовое поле. Когда курсор мыши перемещается над текстовым полем, ничего не происходит. Когда курсор мыши покидает текстовое поле, происходит это событие.

Я пробовал следующее, однако событие всегда срабатывает.

window.addEventListener('mousemove', function(event){
    if (event.target === document.body){
        console.log('fire');
    }
});

Как всегда, производительность является основным фактором.

Answer 1

Попробуйте выполнить

window.addEventListener('mousemove', function(event){
    if (event.target.tagName === "HTML" || event.target.tagName === "BODY"){
        console.log('fire');
    }
});

<div>My content</div>