Javascript / jQuery - 仅在鼠标移动时触发动作

Question

当用户稍微移动鼠标时，我只需要触发一次操作，但这对页面的哪个部分并不重要。如果鼠标不移动，则不应触发动作。当鼠标移动时（可能在页面完全加载后3分钟），则操作应该只进行一次。

这就是我现在所拥有的：

  $(document).one('mousemove', function() {
    $('.front #main .block-content').animate({opacity : 0.3}, 200);
  });

问题是在页面完全加载后立即触发动画，无论我使用鼠标做什么（停止或移动）。

我希望我足够清楚，但如果这还不够，我可以尝试进一步澄清。我试图实现这个解决方案吗？

谢谢。

Answer 1

使用

$(document).mousemove(function(){
 $('.front #main .block-content').animate({opacity : 0.3}, 200);
})

代替