MouseEvent screenX- eigenschap
Voorbeeld
Verkrijg coördinaten van de muisaanwijzer, ten opzichte van het scherm, wanneer de muisknop op een element wordt geklikt:
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap screenX retourneert de horizontale coördinaat (volgens het computerscherm van de gebruiker) van de muisaanwijzer wanneer een gebeurtenis werd geactiveerd.
Tip: Gebruik de eigenschap screenY om de verticale coördinaat (volgens het scherm) van de muisaanwijzer te krijgen .
Opmerking: deze eigenschap is alleen-lezen.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
Syntaxis
event.screenX
Technische details
Winstwaarde: | Een getal, dat de horizontale coördinaat van de muisaanwijzer weergeeft, in pixels |
---|---|
DOM-versie: | DOM Level 2-evenementen |
Meer voorbeelden
Voorbeeld
Een demonstratie van de verschillen tussen clientX en clientY en screenX en screenY:
var cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
Gerelateerde pagina's
HTML DOM-referentie: MouseEvent screenY Property
HTML DOM-referentie: MouseEvent clientX-eigenschap
HTML DOM-referentie: MouseEvent clientY-eigenschap
HTML DOM-referentie: MouseEvent offsetX-eigenschap
HTML DOM-referentie: MouseEvent offsetY-eigenschap