MouseEvent screenX-eigenschap

DOM Events MouseEvent

Definitie en gebruik

De screenX-eigenschap retourneert de horizontale coordinaat van de muispijl ten opzichte van het scherm op het moment dat het event wordt geactiveerd.

Tip:Gebruik screenY Eigenschap.

Opmerking:Deze eigenschap is alleen leesbaar.

Voorbeeld

Voorbeeld 1

Verkrijg de coordinaat van de muispijl ten opzichte van het scherm bij het klikken op een element met de muisknop:

var x = event.screenX;     // Verkrijg de horizontale coordinaat
var y = event.screenY;     // Verkrijg de verticale coordinaat
var coor = "X coordinaat: " + x + ", Y coordinaat: " + y;

Probeer het zelf

Voorbeeld 2

Demonstreer het verschil 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 coordinaat: " + cY;
var coords2 = "screen - X: " + sX + ", Y coordinaat: " + sY;

Probeer het zelf

Syntax

event.screenX

Technische details

Retourwaarde: Numerieke waarde, die de horizontale coordinaat van de muispijl weergeeft in pixels.
DOM versie: DOM Level 2 Events

Browserondersteuning

Eigenschappen Chrome IE Firefox Safari Opera
screenX Support Support Support Support Support

Related Pages

HTML DOM Reference Manual:MouseEvent screenY Property

HTML DOM Reference Manual:MouseEvent clientX Property

HTML DOM Reference Manual:MouseEvent clientY Property

HTML DOM Reference Manual:MouseEvent offsetX Property

HTML DOM Reference Manual:MouseEvent offsetY Property

DOM Events MouseEvent