tutoriais mais recente desenvolvimento web
 

MouseEvent screenX Property

<Objeto de evento

Exemplo

Obter coordenadas do ponteiro do mouse, em relação à tela, quando o botão do mouse é clicado em um 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;

O resultado da coor poderia ser:

X coords: 142, Y coords: 99
Tente você mesmo "

Mais "Try it Yourself" exemplos abaixo.


Definição e Uso

A propriedade screenX retorna a coordenada horizontal (according to the users computer screen) do ponteiro do mouse quando um evento foi acionado.

Dica: Para obter a coordenada vertical (de acordo com a tela) do ponteiro do mouse, use o screenY propriedade.

Nota: Esta propriedade é somente leitura.


Suporte navegador

Propriedade
screenX sim sim sim sim sim

Sintaxe

event .screenX

Detalhes técnicos

Valor de retorno: Um número, representando a coordenada horizontal do cursor do rato, em pixels
DOM Versão: DOM Nível 2 Eventos

Exemplos

mais Exemplos

Exemplo

Uma demonstração das diferenças 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;
Tente você mesmo "

Páginas relacionadas

HTML DOM referência: MouseEvent screenY Property

HTML DOM referência: MouseEvent clientX Property

HTML DOM referência: MouseEvent clientY Property


<Objeto de evento