js 获取鼠标移动的距离

要获取鼠标移动的距离，可以使用以下方法：

1. 使用mousemove事件监听鼠标移动事件，并记录鼠标移动的位置。
2. 每次鼠标移动时，计算当前位置与上一次位置的差值，即可得到鼠标移动的距离。

以下是一个示例代码：

let lastX = 0;
let lastY = 0;

document.addEventListener('mousemove', (event) => {
  const deltaX = event.clientX - lastX;
  const deltaY = event.clientY - lastY;
  const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);
  
  console.log(`鼠标移动距离：${distance}`);
  
  lastX = event.clientX;
  lastY = event.clientY;
});

在上述代码中，通过mousemove事件监听鼠标的移动事件。每次移动时，计算鼠标在水平和垂直方向上的位移量（即deltaX和deltaY），然后使用勾股定理计算总的移动距离（即distance）。最后将当前位置保存为上一次的位置，以备下一次计算