mousemove事件 鼠标不动也会不停触发，妖孽啊！

Question

我想写一段防呆小动画（用户5秒不操作，就会触发动画效果)

    document.body.addEventListener('mousemove', function() {
        clearTimeout(this.tid);
        this.tid = setTimeout(function(){
            console.log('防呆动画');
        }, 5000);
    });

但是这个段动画永远不会执行，我发现即使鼠标不移动也会不停触发移动事件!!!

   //你们试试看，即使不移动鼠标也会不停触发
   document.body.addEventListener('mousemove', function() {
    console.log('move...');
   }

Answer 1

亲手实践了，并没有问题~