MouseEvent pageY-attribut

DOM-händelser MouseEvent

Definition och användning

När en musehändelse utlöses returnerar pageY-attributet muspekarens vertikala koordinat (relativt dokumentet).

Dokumentet är samma som webbsidan.

Tips:För att få muspekarens horisontella koordinat (relativt dokumentet), använd pageX-attribut.

Kommentar:Denna egenskap är skrivskyddad.

Kommentar:Denna egenskap är inte standardiserad, men används av de flesta huvudsakliga webbläsarna.

Exempel

Exempel 1

Skriv ut pekarens koordinater när musknappen klickas på elementet:

var x = event.pageX;     // Hämta horisontella koordinater
var y = event.pageY;     // Hämta vertikala koordinater
var coor = "X koordinater: " + x + ", Y koordinater: " + y;

Prova själv

Exempel 2

Skriv ut pekarens koordinater när muspekaren rör sig över elementet:

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

Prova själv

Exempel 3

Visa skillnaden mellan clientX och clientY samt screenX och screenY:

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

Prova själv

Syntax

event.pageY

Tekniska detaljer

Returvärde: Numerisk värde, som anger pekarens vertikala koordinat i pixlar.
DOM-version: Inga.

Webbläsarstöd

Egenskaper Chrome IE Firefox Safari Opera
pageY Stöd 12.0 Stöd Stöd Stöd

Relaterade sidor

HTML DOM Referenshandbok:MouseEvent pageX-attribut

HTML DOM Referenshandbok:MouseEvent clientX-attribut

HTML DOM Referenshandbok:MouseEvent clientY-attribut

HTML DOM Referenshandbok:MouseEvent screenX-attribut

HTML DOM Referenshandbok:MouseEvent screenY-attribut

DOM-händelser MouseEvent