Propiedad screenX del MouseEvent

Eventos DOM MouseEvent

Definición y uso

La propiedad screenX devuelve la coordenada horizontal del puntero del ratón en el momento del desencadenamiento del evento (relativa a la pantalla del ordenador del usuario).

Consejo：Para obtener la coordenada vertical del puntero del ratón (relativa a la pantalla del ordenador del usuario), utilice screenY 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 del elemento al hacer clic en el botón del ratón：

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 ti mismo

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 ti mismo

Sintaxis

event.screenX

Detalles técnicos

Valor devuelto： Valor numérico que representa la coordenada horizontal del puntero del ratón en píxeles.
Versión DOM： DOM Level 2 Events

Compatibilidad del navegador

Atributo Chrome IE Firefox Safari Opera
screenX Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia del DOM HTML:Propiedad screenY de MouseEvent

Manual de referencia del DOM HTML:Propiedad clientX de MouseEvent

Manual de referencia del DOM HTML:Propiedad clientY de MouseEvent

Manual de referencia del DOM HTML:Propiedad offsetX de MouseEvent

Manual de referencia del DOM HTML:Propiedad offsetY de MouseEvent

Eventos DOM MouseEvent