Jquery mousemove() 无需鼠标移动即可激活

Question

我正在尝试做一个类似淡入的 google.com(除了我想淡出文本)

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
  $(document).ready(function() {
    $("html").mousemove(function () {
      $("p").fadeOut("slow");
    });
  });
</script>

使用该代码，尽管我没有移动鼠标，但我的淡出会自动激活。在所有浏览器中都会发生。有什么建议吗？

Answer 1

由于该事件最初会触发一次，并且每次移动一个像素时 mousemove 都会触发，因此您可以忽略第一个(可能是自动的，具体取决于浏览器)mousemove事件以获得您想要的效果，如下所示:

$(function() {
  var moveCount = 0;
  $("html").mousemove(function () {
    if(moveCount++ === 0) return; //first run?
    $("p").fadeOut("slow");
    $(this).unbind('mousemove'); //unbind this, no need to stick around
  });
});​

You can try a demo here ，我们所做的就是忽略 mousemove 事件的非常第一次触发，之后我们执行淡入淡出并取消绑定(bind)此处理程序，以便它不会在将来运行mousemove 触发，只是清理。