A propriedade Mouseevent Screenx avalia a coordenada horizontal do cursor do mouse (x) no ponto desencadeado. Ele retorna a distância real do cursor do mouse correspondente à tela como um valor inteiro em “píxeis”. Além disso, é uma propriedade somente leitura, eu.e., O usuário só pode obter a coordenada horizontal do mouse, não atribuí -lo manualmente. A coordenada horizontal desempenha um papel importante no design da web para o alinhamento de várias seções de página da web.

Considerando sua importância, este artigo fornecerá uma visão profunda do uso e funcionalidade do “Mouseevent screenxPropriedade em JavaScript.

Como usar a propriedade "Mouseevent Screenx" em JavaScript?

O "Mouseevent screenx”Propriedade auxilia os usuários a obter as coordenadas horizontais do ponteiro do mouse onde este evento é acionado.

Sintaxe

Na sintaxe acima:

• evento: Representa qualquer evento como “OnClick "," DblClick "," MouseOver", e muitos outros.

• Screenx: Corresponde ao “Mouseevent screenx”Propriedade que retornará a coordenada horizontal do mouse.

Vamos passar para sua implementação prática.

Exemplo: Aplicando a propriedade "Mouseevent Screenx" em JavaScript

Neste exemplo, a propriedade discutida pode ser utilizada para calcular as coordenadas horizontais do ponteiro do mouse, referindo -se ao parágrafo.

Código HTML

Vamos ver o seguinte código HTML:

Use mouseevent screenx propriedade

Clique em qualquer ponto do parágrafo para exibir as coordenadas X (horizontal) do ponteiro do mouse em pixels.

No código HTML acima:

• O "

  ”Cria o primeiro título.

• O "

  ”Representa o primeiro parágrafo com um anexo“ONCLICKEvento. Ele redireciona para a função chamada “mouse_xcoord ()”, Que retorna a coordenada horizontal em relação à localização do ponteiro do mouse no parágrafo.

• Depois disso, o “

  ”Denota o segundo parágrafo vazio atribuído um ID“primeiro”Para exibir a coordenada calculada do ponteiro do mouse horizontal.

Código JavaScript

Agora, vamos para o código JavaScript:

Nas linhas acima do código:

• Defina uma função chamada “mouse_xcoord ()"Tendo um argumento"evento”.
• Na definição da função, a variável “a”É declarado que utiliza o“Screenx" propriedade.
• O "coordenar”É outra variável que retorna o valor de“a”
• O "documento.getElementById ()”O método busca o parágrafo por meio de seu ID e anexa as coordenadas calculadas neste parágrafo.

Saída

A saída exibe o “Coords x (horizontal)"Do ponteiro do mouse onde"Screenx”Propriedade gatilhos.

Conclusão

JavaScript fornece o “Mouseevent screenx”Propriedade que retorna o mais recente ponteiro do mouse“X (horizontal)”Coordenar onde este evento é acionado. Pode ser alcançado pairando o ponteiro horizontalmente e os valores de coordenadas X correspondentes são recuperados. Este post explicou o uso e a funcionalidade do “Mouseevent screenxPropriedade em JavaScript.