MouseEvent pageY-eigenschap

DOM events MouseEvent

Definitie en gebruik

Wanneer een muisgebeurtenis wordt geactiveerd, retourneert de pageY-eigenschap de verticale coordinaat van de muispunt (relatief ten opzichte van het document).

Het document is de webpagina.

Tip:Gebruik pageX-eigenschap.

Opmerking:Deze eigenschap is alleen leesbaar.

Opmerking:Deze eigenschap is niet standaard, maar wordt door de meeste belangrijke browsers ondersteund.

Voorbeeld

Voorbeeld 1

Geef de coordinaat van de muispunt weer wanneer de muisknop op een element wordt ingedrukt:

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

Probeer het zelf

Voorbeeld 2

Geef de coordinaat van de muispunt weer wanneer deze over een element beweegt:

var x = event.pageX;
var y = event.pageY; 
var coor = "X coordinaat: " + x + ", Y coordinaat: " + y;
document.getElementById("demo").innerHTML = coor;

Probeer het zelf

Voorbeeld 3

Demonstreer het verschil tussen clientX en clientY en screenX en screenY:

var pX = event.pageX;
var cX = event.clientX;
var pY = event.pageY;
var cY = event.clientY;
var coords1 = "page - X: " + pX + ", Y coordinaat: " + pY;
var coords2 = "client - X: " + cX + ", Y coordinaat: " + cY;

Probeer het zelf

Syntax

event.pageY

Technische details

Retourwaarde: Numerieke waarde, die de verticale coordinaat van de muispunt in pixels aangeeft.
DOM versie: Geen.

Browserondersteuning

Eigenschappen Chrome IE Firefox Safari Opera
pageY Support 12.0 Support Support Support

Related pages

HTML DOM reference manual:MouseEvent pageX property

HTML DOM reference manual:MouseEvent clientX property

HTML DOM reference manual:MouseEvent clientY property

HTML DOM reference manual:MouseEvent screenX property

HTML DOM reference manual:MouseEvent screenY property

DOM events MouseEvent