MouseEvent pageX Property

Esempio

Output le coordinate del puntatore del mouse quando il pulsante del mouse viene cliccato un elemento:

var x = event.pageX; // Get the horizontal coordinate
var y = event.pageY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;

Il risultato di coor potrebbe essere:

X coords: 162, Y coords: 40

Prova tu stesso "

Più "Try it Yourself" esempi di seguito.

Definizione e l'utilizzo

La proprietà pageX restituisce la coordinata orizzontale (secondo il documento) del puntatore del mouse quando un evento del mouse è stato attivato.

Il documento è la pagina web.

Suggerimento: per ottenere la coordinata verticale (secondo il documento) del puntatore del mouse, utilizzare la Pagey proprietà.

Nota: questa proprietà è di sola lettura.

Nota: Questa proprietà è non-standard, ma funziona nella maggior parte dei principali browser.

Supporto browser

Proprietà
pageX	sì	12.0	sì	sì	sì

Sintassi

event .pageX

Dettagli tecnici

Valore di ritorno:	Un numero che rappresenta la coordinata orizzontale del puntatore del mouse, in pixel
DOM Versione:	Nessuna

Altri esempi

Esempio

Output le coordinate del puntatore del mouse mentre il puntatore del mouse viene spostato su un elemento:

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

Prova tu stesso "

Esempio

Una dimostrazione delle differenze tra clientX e clientY e screenX e screenY:

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

Prova tu stesso "