MouseEvent pageX 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 pageX devuelve la coordenada horizontal (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 vertical (según el documento) del puntero del mouse, use la propiedad pageY .
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 | |||||
---|---|---|---|---|---|
pageX | Yes | 12.0 | Yes | Yes | Yes |
Sintaxis
event.pageX
Detalles técnicos
Valor devuelto: | Un número, que representa la coordenada horizontal 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 pageX y pageY y screenX y 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;
páginas relacionadas
Referencia HTML DOM: propiedad MouseEvent pageY
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