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` de`long` 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