MouseEvent pageY Propiedad
Ejemplo
Muestra las coordenadas del puntero del mouse cuando se hace clic con el botón del mouse en 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;
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad pageY devuelve la coordenada vertical (según el documento) del puntero del mouse cuando se activó un evento del mouse.
El documento es la página web.
Sugerencia: para obtener la coordenada horizontal (según el documento) del puntero del mouse, use la propiedad pageX .
Nota: Esta propiedad es de solo lectura.
Nota: esta propiedad no es estándar, pero funciona en la mayoría de los principales navegadores.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
pageY | Yes | 12.0 | Yes | Yes | Yes |
Sintaxis
event.pageY
Detalles técnicos
Valor devuelto: | Un número, que representa la coordenada vertical del puntero del mouse, en píxeles |
---|---|
Versión DOM: | Ninguna |
Más ejemplos
Ejemplo
Muestra las coordenadas del puntero del mouse mientras el puntero del mouse se mueve sobre un elemento:
var x = event.pageX;
var y = event.pageY;
var coor = "X coords: " + x + ", Y coords: " + y;
document.getElementById("demo").innerHTML = coor;
Ejemplo
Una demostración de las diferencias entre clientX y clientY y screenX y 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;
páginas relacionadas
Referencia HTML DOM: propiedad MouseEvent pageX
Referencia de HTML DOM: propiedad MouseEvent clientX
Referencia de HTML DOM: propiedad MouseEvent clientY
Referencia de HTML DOM: propiedad MouseEvent screenX
Referencia HTML DOM: MouseEvent screenY Propiedad