MouseEvent pageX egenskab

DOM begivenheder MouseEvent

Definition og brug

Når et musehændelse udløses, returnerer pageX egenskaben musepegelets horisontale koordinat (relativ til dokumentet).

Dokumentet er den samme som websiden.

Tip:For at få musepegelets vertikale koordinat (relativ til dokumentet), brug pageY egenskab.

Kommentar:Denne egenskab er skrivebeskyttet.

Kommentar:Denne egenskab er ikke standardiseret, men bruges af de fleste af de store browsere.

Eksempel

Eksempel 1

Udskriv musepegelets koordinater, når museknappen trykkes ned på elementet:

var x = event.pageX;     // Få den horisontale koordinat
var y = event.pageY;     // Få den vertikale koordinat
var coor = "X coords: " + x + ", Y coords: " + y;

Prøv det selv

Eksempel 2

Udskriv musepegelets koordinater, når den bevæger sig over elementet:

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

Prøv det selv

Eksempel 3

Demonstration af forskellen mellem pageX og pageY samt screenX og screenY:

var pX = event.screenX;
var cX = event.pageX;
var pY = event.screenY;
var cY = event.pageY;
var coords1 = "page - X: " + pX + ", Y coords: " + pY;
var coords2 = "screen - X: " + cX + ", Y coords: " + cY;

Prøv det selv

Syntaks

event.pageX

Tekniske detaljer

Returværdi: Tal, der angiver musepegelets horisontale koordinat i pixels.
DOM version: Intet.

Browser understøttelse

Egenskab Chrome IE Firefox Safari Opera
pageX Support 12.0 Support Support Support

Relaterede sider

HTML DOM referencehåndbog:MouseEvent pageY egenskab

HTML DOM referencehåndbog:MouseEvent clientX egenskab

HTML DOM referencehåndbog:MouseEvent clientY egenskab

HTML DOM referencehåndbog:MouseEvent screenX egenskab

HTML DOM referencehåndbog:MouseEvent screenY egenskab

DOM begivenheder MouseEvent