Comment obtenir l'emplacement actuel de la souris pendant que vous faites glisser la souris en javascript?

Question

Dans cette solution en javascript

JavaScript while mousedown

Je peux obtenir l'emplacement de la souris quand il est d'abord pressé et a cliqué, mais comment puis-je obtenir l'emplacement alors que son être enfoncé?

Merci

Answer 1

Vous pouvez suivre chaque mouvement de la souris, comme celui-ci Track mouse movement et la logique ajouter pour le suivi que si avant était clic de souris vers le bas un arrêt quand était clic de souris vers le haut.

Answer 2

Vous pouvez obtenir n'importe quelle instance de la coordonnée de la souris à l'intérieur de <canvas>. Dans ce cas, la plantation d'autres tags à l'intérieur <canvas> est limitée et ne peut être effectuée que via {position: absolute}. Exemple de code:

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

Exemple de travail: http://codepen.io/462960/pen/RpVJwa