javascriptの瞬間マウスが押されている

Question

JavaScriptを使用してマウスから座標を取得するにはどうすればよいですか？マウスが押されている瞬間の座標だけをどうやって保持することができますか？

Answer 1

mousedownイベントはあなたの友人です。あなたはユーザーがクリックして、mouseDownイベントをキャッチすることができますどこにキャンバスを提供することができますし、これを、次のことで、現在のマウス位置を取得することができます

var x = document.querySelector('#x') 
 
var y = document.querySelector('#y') 
 

 
document.querySelector('div').addEventListener('mousedown', function(e) { 
 
    x.innerText = e.clientX 
 
    y.innerText = e.clientY 
 
}, false)

#target { 
 
    width: 200px; 
 
    height: 200px; 
 
    background: gray; 
 
    border: 1px solid black; 
 
}

X: <span id="x"></span><br> 
 
Y: <span id="y"></span> 
 

 
<div id="target"></div>

Answer 2

：だけをクリックして、灰色の領域に保持します例と【、最小完全、かつ検証例]（http://stackoverflow.com/help/mcve）のようなコード https://www.w3schools.com/jsref/event_clientx.asp

var x = event.clientX;  // Get the horizontal coordinate 
var y = event.clientY;  // Get the vertical coordinate 
var coor = "X coords: " + x + ", Y coords: " + y;