当鼠标在div框内是静态时，有没有办法触发特殊的鼠标事件？

Question

给定一个div框，假设我们想要显示一个工具提示，如果鼠标在内部静止一段时间，显示鼠标光标下的工具提示，一旦鼠标移动，工具提示将消失。

我想知道有没有办法模拟这个？众所周知，只有在输入框时才会触发鼠标悬停。

Answer 1

如上所述，将eventlistener添加到侦听mousemove的文档中。在那种情况下，每次移动鼠标时都会清除/启动setTimeout。如果setTimeout运行，则表示鼠标未移动x秒。

var t;
document.addEventListener('mousemove', function() {
    if (t) clearTimeout(t);
    t = setTimeout(function() {
        alert('mouse hasn\'t moved for 5 seconds');
    }, 5000);
});

Fiddle