JavaScript時刻鼠標被按下

Question

如何從我的鼠標使用JavaScript獲取座標？我怎樣才能保持鼠標按下時的座標？

Answer 1

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

可以提供畫布，用戶可以點擊，趕上mouseDown事件，您可以通過以下這個得到當前鼠標的位置示例和摘要 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;