MouseEvent screenY-eigenschap

DOM events MouseEvent

Definitie en gebruik

De screenY-eigenschap retourneert de verticale coördinaat van de muispunt op het moment dat het event wordt geactiveerd (relatief ten opzichte van het scherm van de gebruiker).

Tip:Gebruik screenX Eigenschap.

Opmerking:Deze eigenschap is alleen lezen.

Voorbeeld

Voorbeeld 1

Verkrijg de coördinaten van de muispunt ten opzichte van het scherm wanneer u op de muisknop klikt op een element:

var x = event.screenX;     // Verkrijg de horizontale coördinaat
var y = event.screenY;     // Verkrijg de verticale coördinaat
var coor = "X coords: " + x + ", Y coords: " + 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 coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;

Probeer het zelf

Syntax

event.screenY

Technische details

Retourwaarde: Numerieke waarde, die de verticale coördinaat van de muispunt aangeeft, uitgedrukt in pixels.
DOM versie: DOM Level 2 Events

Browserondersteuning

Eigenschappen Chrome IE Firefox Safari Opera
screenY Support Support Support Support Support

Related pages

HTML DOM reference manual:MouseEvent screenX 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