マウスがjavascriptでドラッグされている間、現在のマウスの位置を取得するには？ JavaScriptでこのソリューションで

Question

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