Javascript Moment die Maus gedrückt gehalten wird

Question

Wie bekomme ich die Koordinaten von meiner Maus mit JavaScript? Wie kann ich nur die Koordinaten des Moments halten, in dem die Maus gedrückt gehalten wird?

Answer 1

Das Ereignis mousedown ist dein Freund. Einfach anklicken und auf den grauen Bereich halten:

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

Sie eine Leinwand zur Verfügung stellen kann, wo sich der Benutzer klicken und die mouseDown- Ereignis fangen, und Sie können die aktuelle Mausposition erhalten, indem diese folgende Beispiel und snippet 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;