jquery - Mousemove 事件适用于文档，但不适用于 'body'

Question

我试图让 div 看起来像一个关闭的灯，当鼠标移动时，灯就会打开。

我已经完成了鼠标移动打开灯的部分。看this fiddle .

jQuery 代码:

$(document).mousemove(function() {
    $('div').addClass('glow');
});

我有两个问题

1. 如果我用“body”而不是文档，它不起作用，为什么？

2. 如何检测鼠标停止？

Answer 1

1)“body”完美运行，但您必须将鼠标移到正文上，直到窗口底部为止(是的，正文是一个奇怪且有时不连贯的东西)。

2) 要检测鼠标停止，最简单的解决方案是使用 setTimeout 并定义延迟:

(function (){
    var i =0;
    var timer;
    $('body').mousemove(function() {
        clearTimeout(timer);
        // 'body' doesn't work instead of document
        i += 1;
        $('p').text(function() {
            return 'Moved: ' + i;
        });
        $('div').addClass('glow');
        timer = setTimeout(function(){$('div').removeClass('glow')}, 2000);
    });     
})();

Demonstration