MouseEvent screenX Propiedad
Ejemplo
Obtenga las coordenadas del puntero del mouse, en relación con la pantalla, cuando se hace clic con el botón del mouse en un elemento:
var x = event.screenX; // Get the horizontal coordinate
var y = event.screenY; // 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 screenX devuelve la coordenada horizontal (según la pantalla de la computadora del usuario) del puntero del mouse cuando se activó un evento.
Sugerencia: para obtener la coordenada vertical (según la pantalla) del puntero del mouse, use la propiedad screenY .
Nota: Esta propiedad es de solo lectura.
Compatibilidad con navegador
Property | |||||
---|---|---|---|---|---|
screenX | Yes | Yes | Yes | Yes | Yes |
Sintaxis
event.screenX
Detalles técnicos
Valor de retorno: | Un número, que representa la coordenada horizontal del puntero del mouse, en píxeles |
---|---|
Versión DOM: | Eventos de nivel 2 de DOM |
Más ejemplos
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 HTML DOM: MouseEvent screenY Propiedad
Referencia de HTML DOM: propiedad MouseEvent clientX
Referencia de HTML DOM: propiedad MouseEvent clientY
Referencia HTML DOM: propiedad MouseEvent offsetX
Referencia HTML DOM: propiedad MouseEvent offsetY