Propiedad screenY del MouseEvent
Definición y uso
La propiedad screenY devuelve la coordenada vertical del puntero del ratón en el momento del desencadenamiento del evento (relativa a la pantalla del usuario).
Consejo:Para obtener la coordenada horizontal del puntero del ratón (relativa a la pantalla del usuario), utilice screenX Atributo
Notas:Esta propiedad es de solo lectura.
Ejemplo
Ejemplo 1
Obtener las coordenadas del puntero del ratón en relación con la pantalla al hacer clic en un elemento:
var x = event.screenX; // Obtener la coordenada horizontal var y = event.screenY; // Obtener la coordenada vertical var coor = "X coords: " + x + ", Y coords: " + y;
Ejemplo 2
Demostrar la diferencia 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;
Sintaxis
event.screenY
Detalles técnicos
Valor devuelto: | Valor numérico que representa la coordenada vertical del puntero del ratón, en píxeles. |
---|---|
Versión DOM: | Nivel 2 de eventos DOM |
Compatibilidad del navegador
Atributo | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
screenY | Soporte | Soporte | Soporte | Soporte | Soporte |
Páginas relacionadas
Manual de referencia del DOM HTML:Propiedad screenX del MouseEvent
Manual de referencia del DOM HTML:Propiedad clientX del MouseEvent
Manual de referencia del DOM HTML:Propiedad clientY del MouseEvent
Manual de referencia del DOM HTML:Propiedad offsetX del MouseEvent
Manual de referencia del DOM HTML:Propiedad offsetY del MouseEvent