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;

Prueba por tu cuenta

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;

Prueba por tu cuenta

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