Ejemplo
Obtener coordenadas del puntero del ratón, con respecto a la pantalla, cuando se pulsa el botón del ratón sobre 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;
El resultado de coor podría ser:
X coords: 142, Y coords: 99
Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La propiedad screenX devuelve la coordenada horizontal (according to the users computer screen) del puntero del ratón cuando se activa un evento.
Consejo: Para obtener la coordenada vertical (de acuerdo a la pantalla) del puntero del ratón, utilice el screenY propiedad.
Nota: Esta propiedad es de sólo lectura.
Soporte del navegador
Propiedad | |||||
---|---|---|---|---|---|
screenX | Sí | Sí | Sí | Sí | Sí |
Sintaxis
event .screenX
Detalles técnicos
Valor de retorno: | Un número, que representa la coordenada horizontal del puntero del ratón en píxeles |
---|---|
DOM Versión: | DOM nivel 2 Eventos |
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;
Inténtalo tú mismo " Páginas relacionadas
Referencia HTML DOM: MouseEvent screenY Property
Referencia HTML DOM: MouseEvent clientX Property
Referencia HTML DOM: MouseEvent clientY Property
<Objeto de evento