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>

JavaScript，检测何时鼠标光标不在任何元素上

1 个答案: