如何在javascript中拖动鼠标时获取当前鼠标位置？

Question

在javascript中的此解决方案

JavaScript while mousedown

我可以在第一次按下并首次点击鼠标时获取鼠标位置，但是如何在按下鼠标时获取该位置？

由于

Answer 1

您可以跟踪每个移动鼠标，例如Track mouse movement，并添加逻辑以便仅在鼠标单击时鼠标单击停止之前进行跟踪。

Answer 2

您可以在<canvas>内获取任何鼠标坐标实例。在这种情况下，在<canvas>内种植其他标记有限，只能通过{position: absolute}完成。 代码示例：

canvas.addEventListener('mousemove', getPoint);
function getPoint(e){
const [x, y] = [e.offsetX, e.offsetY]; 
const offsetX = document.getElementById('offsetX');
offsetX.textContent = `Offset X: ${x}`;
const offsetY = document.getElementById('offsetY');
offsetY.textContent = `Offset Y: ${y}`;
};

工作示例：http://codepen.io/462960/pen/RpVJwa