jQuery中的mousemove

在jQuery中，mousemove是一个以鼠标移动为触发事件的函数。它可以用来监控用户鼠标的位置，并根据位置做出相应的操作。

语法

$(selector).mousemove(function)

参数说明：

• selector: 必需，用于选取要绑定事件的元素。
• function: 必需，当mousemove事件发生时要执行的函数。

示例代码

$(document).mousemove(function(event) {
  var xPosition = event.pageX;
  var yPosition = event.pageY;

  // Do something with the x and y positions
  console.log("X: " + xPosition + ", Y: " + yPosition);
});

在上面的示例代码中，我们为整个文档绑定了一个mousemove事件。当用户移动鼠标时，函数会记录鼠标在页面中的X和Y坐标，并输出到控制台。

实现鼠标跟随效果

这里提供一个常见的应用场景，即实现鼠标跟随效果。

示例代码：

<div id="follower"></div>

#follower {
  width: 50px;
  height: 50px;
  position: absolute;
  background-color: red;
}

$(document).mousemove(function(event) {
  var xPosition = event.pageX;
  var yPosition = event.pageY;

  $("#follower")
    .css("left", xPosition)
    .css("top", yPosition);
});

首先定义了一个红色正方形，在mousemove事件触发时，将它的位置设置为当前鼠标的位置。这样就实现了鼠标跟随的效果。

总结

在jQuery中，mousemove可以用来跟踪鼠标的位置，并在需要的时候执行相应的操作。本文提供了一个实例代码，可用于实现鼠标跟随效果。