JavaScript 获取鼠标移动距离 - 代码示例与解析

要获取鼠标移动的距离，可以使用以下方法：\n\n1. 使用mousemove事件监听鼠标移动事件，并记录鼠标移动的位置。\n2. 每次鼠标移动时，计算当前位置与上一次位置的差值，即可得到鼠标移动的距离。\n\n以下是一个示例代码：\n\njavascript\nlet lastX = 0;\nlet lastY = 0;\n\ndocument.addEventListener('mousemove', (event) => {\n const deltaX = event.clientX - lastX;\n const deltaY = event.clientY - lastY;\n const distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY);\n \n console.log(`鼠标移动距离：${distance}`);\n \n lastX = event.clientX;\n lastY = event.clientY;\n});\n\n\n在上述代码中，通过mousemove事件监听鼠标的移动事件。每次移动时，计算鼠标在水平和垂直方向上的位移量（即deltaX和deltaY），然后使用勾股定理计算总的移动距离（即distance）。最后将当前位置保存为上一次的位置，以备下一次计算。