MouseEvent.clientX
O clientX
é uma propriedade somente de leitura da interface MouseEvent
que fornece as coordenadas horizontais dentro da área do aplicativo do cliente em que o evento ocorreu (diferente das coordenadas dentro da página). Por exemplo, clicando no canto superior esquerdo da área do cliente sempre irá resultar em um evento de mouse com um valor clientX
de 0, independentemente se a página foi rolada horizontalmente. Originalmente, essa propriedade era definida como o número inteiro long
. O Módulo de Visualização CSSOM o redefiniu como a fraçãodouble
. Veja a seção de compatibilidade do Navegador para detalhes.
Sintaxe
var x = instanceOfMouseEvent.clientX
Valor de retorno
Um número
Exemplo
<!DOCTYPE html>
<html>
<head>
<title>clientX/clientY example</title>
<script>
function showCoords(evt){
alert(
"clientX value: " + evt.clientX + "\n" +
"clientY value: " + evt.clientY + "\n"
);
}
</script>
</head>
<body onmousedown="showCoords(event)">
<p>Para mostrar as coordenadas do mouse em qualquer lugar da página.</p>
</body>
</html>
Especificações
Especificação | Status | Comentário |
---|---|---|
CSS Object Model (CSSOM) View Module The definition of 'clientX' in that specification. |
Rascunho atual | Redefine MouseEvent delong para double . |
Document Object Model (DOM) Level 3 Events Specification The definition of 'MouseEvent.clientX' in that specification. |
Obsoleto | Nenhuma mudança de Document Object Model (DOM) Level 2 Events Specification. |
Document Object Model (DOM) Level 2 Events Specification The definition of 'MouseEvent.clientX' in that specification. |
Obsoleto | Definição inicial. |
Compatibilidade com Navegadores
BCD tables only load in the browser