MouseEvent pageY Proprietà
Esempio
Emetti le coordinate del puntatore del mouse quando si fa clic con il pulsante del mouse su 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;
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà pageY restituisce la coordinata verticale (secondo il documento) del puntatore del mouse quando è stato attivato un evento del mouse.
Il documento è la pagina web.
Suggerimento: per ottenere la coordinata orizzontale (secondo il documento) del puntatore del mouse, utilizzare la proprietà pageX .
Nota: questa proprietà è di sola lettura.
Nota: questa proprietà non è standard, ma funziona nella maggior parte dei browser principali.
Supporto browser
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Sintassi
event.pageY
Dettagli tecnici
Valore di ritorno: | Un Numero, che rappresenta la coordinata verticale del puntatore del mouse, in pixel |
---|---|
Versione DOM: | Nessuno |
Altri esempi
Esempio
Emetti le coordinate del puntatore del mouse mentre il puntatore del mouse si sposta su un elemento:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
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;
Pagine correlate
Riferimento HTML DOM: Proprietà MouseEvent pageX
Riferimento HTML DOM: Proprietà MouseEvent clientX
Riferimento HTML DOM: Proprietà clientY MouseEvent
Riferimento HTML DOM: Proprietà MouseEvent screenX
Riferimento HTML DOM: Proprietà MouseEvent screenY