Propriedade MouseEvent screenX

Eventos DOM MouseEvent

Definição e uso

A propriedade screenX retorna a coordenada horizontal do ponteiro do mouse no momento da ocorrência do evento (relativa à tela do computador do usuário).

Dica:Para obter a coordenada vertical do ponteiro do mouse (relativa à tela do computador do usuário), use screenY Atributo

Nota:Esta propriedade é somente leitura.

Exemplo

Exemplo 1

Obtém as coordenadas do ponteiro do mouse em relação à tela ao clicar no botão do mouse em um elemento:

var x = event.screenX;     // Obtém a coordenada horizontal
var y = event.screenY;     // Obtém a coordenada vertical
var coor = "X coords: " + x + ", Y coords: " + y;

Experimente você mesmo

Exemplo 2

Demonstra a diferença entre clientX e clientY e screenX e 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;

Experimente você mesmo

Sintaxe

event.screenX

Detalhes técnicos

Valor retornado: Valor numérico, que representa a coordenada horizontal do ponteiro do mouse, em pixels.
Versão DOM: Nível 2 de Eventos DOM

Suporte do navegador

Atributo Chrome IE Firefox Safari Opera
screenX Suporte Suporte Suporte Suporte Suporte

Páginas relacionadas

Manual de referência do HTML DOM:Propriedade screenY do MouseEvent

Manual de referência do HTML DOM:Propriedade clientX do MouseEvent

Manual de referência do HTML DOM:Propriedade clientY do MouseEvent

Manual de referência do HTML DOM:Propriedade offsetX do MouseEvent

Manual de referência do HTML DOM:Propriedade offsetY do MouseEvent

Eventos DOM MouseEvent