Attributo pageY dell'oggetto MouseEvent

Eventi DOM MouseEvent

Definizione e uso

Quando viene attivato un evento del mouse, l'attributo pageY restituisce l'asse y del puntatore del mouse (relativo al documento).

Il documento è la pagina web.

Suggerimento:Per ottenere l'asse orizzontale del puntatore del mouse (relativo al documento), utilizzare Proprietà pageX.

Nota:Questa proprietà è sola lettura.

Nota:Questa proprietà non è standard, ma è applicabile a molti browser principali.

Esempio

Esempio 1

Outputta le coordinate del puntatore del mouse quando si clicca il pulsante del mouse sull'elemento:

var x = event.pageX;     // Ottieni l'asse x
var y = event.pageY;     // Ottieni l'asse y
var coor = "X coords: " + x + ", Y coords: " + y;

Prova personalmente

Esempio 2

Outputta le coordinate del puntatore del mouse quando si muove sopra l'elemento:

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

Prova personalmente

Esempio 3

Esempio di differenza 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 personalmente

Sintassi

event.pageY

Dettagli tecnici

Valore di ritorno: Valore numerico che rappresenta l'asse y del puntatore del mouse, in pixel.
Versione DOM: Nessuno.

Supporto del browser

Proprietà Chrome IE Firefox Safari Opera
pageY Supporto 12.0 Supporto Supporto Supporto

Pagine correlate

Manuale di riferimento HTML DOM DOM:Proprietà pageX dell'evento MouseEvent

Manuale di riferimento HTML DOM DOM:Proprietà clientX dell'evento MouseEvent

Manuale di riferimento HTML DOM DOM:Proprietà clientY dell'evento MouseEvent

Manuale di riferimento HTML DOM DOM:Proprietà screenX dell'evento MouseEvent

Manuale di riferimento HTML DOM DOM:Proprietà screenY dell'evento MouseEvent

Eventi DOM MouseEvent