MouseEvent pageX-egenskap

DOM-händelser MouseEvent

Definition och användning

När en mushändelse aktiveras returnerar pageX-egenskapen muspekarens horisontella koordinater (relativt dokumentet).

Dokumentet är webbsidan.

Tips:För att få muspekarens vertikala koordinater (relativt dokumentet), använd pageY-egenskap.

Kommentar:Egenskapen är endast läsbart.

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

Exempel

Exempel 1

Outputta muspekarens 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

Outputta muspekarens koordinater när den 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

En demonstration av skillnaden mellan pageX och pageY samt screenX och screenY:

var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "sida - X: " + pX + ", Y-koordinater: " + pY;
var coords2 = "skärm - X: " + cX + ", Y-koordinater: " + cY;

Prova själv

syntaks

event.pageX

tekniska detaljer

Returvärde: tal, som anger muspekarens horisontella koordinat i pixlar.
DOM-version: inget.

webbläsarestöd

egenskaper Chrome IE Firefox Safari Opera
pageX Stöd 12.0 Stöd Stöd Stöd

Relaterade sidor

HTML DOM referenshandbok:MouseEvent pageY egenskap

HTML DOM referenshandbok:MouseEvent clientX egenskap

HTML DOM referenshandbok:MouseEvent clientY egenskap

HTML DOM referenshandbok:MouseEvent screenX egenskap

HTML DOM referenshandbok:MouseEvent screenY egenskap

DOM-händelser MouseEvent