Wie bekomme ich die aktuelle Mausposition, während die Maus in JavaScript gezogen wird?

Question

Bei dieser Lösung in Javascript

JavaScript while mousedown

ich die Mausposition erhalten kann, wenn sie zuerst gedrückt sind und angeklickt zuerst, aber wie kann ich den Standort zu erhalten, während ihr nach unten gedrückt wird?

Dank

Answer 1

Sie können jede Bewegung der Maus verfolgen, wie diese Track mouse movement und Logik nur hinzufügen, wenn zuvor per Mausklick nach unten einen Anschlag für die Verfolgung, wenn Mausklick oben war.

Answer 2

Sie können jede Instanz der Mauskoordinate innerhalb von <canvas> abrufen. In diesem Fall ist das Pflanzen anderer Tags innerhalb <canvas> begrenzt und könnte nur über {position: absolute} erfolgen. Code-Beispiel:

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}`; 
}; 

Arbeitsbeispiel: http://codepen.io/462960/pen/RpVJwa