MouseEvent clientY 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.clientX; // Get the horizontal coordinate
var y = event.clientY; // Get the vertical coordinate
var coor = "X coords: " + x + ", Y coords: " + y;
El resultado de coor podría ser:
X coords: 142, Y coords: 99
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La propiedad clientY devuelve la coordenada vertical (según el área del cliente) del puntero del mouse cuando se activó un evento del mouse.
El área de cliente es la ventana actual.
Sugerencia: para obtener la coordenada horizontal (según el área del cliente) del puntero del mouse, use la propiedad clientX .
Nota: Esta propiedad es de solo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
clientY | Yes | Yes | Yes | Yes | Yes |
Sintaxis
event.clientY
Detalles técnicos
Valor devuelto: | Un número, que representa la coordenada vertical del puntero del mouse, en píxeles |
---|---|
Versión DOM: | Eventos de nivel 2 de DOM |
Más ejemplos
Ejemplo
Muestra las coordenadas del puntero del mouse mientras el puntero del mouse se mueve sobre un elemento:
var x = event.clientX;
var y = event.clientY;
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 cX = event.clientX;
var sX = event.screenX;
var cY = event.clientY;
var sY = event.screenY;
var coords1 = "client - X: " + cX + ", Y coords: " + cY;
var coords2 = "screen - X: " + sX + ", Y coords: " + sY;
páginas relacionadas
Referencia de HTML DOM: propiedad MouseEvent clientX
Referencia de HTML DOM: propiedad MouseEvent screenX
Referencia HTML DOM: MouseEvent screenY Propiedad
Referencia HTML DOM: propiedad MouseEvent offsetX
Referencia HTML DOM: propiedad MouseEvent offsetY