Como posso encontrar a localização do cursor (X / Y, não linha / coluna) em uma área de texto HTML? [duplicado
Esta pergunta já tem uma resposta aqui:
Como obtenho as coordenadas (x, y) de pixel do cursor em caixas de texto? 3 respostas Gostaria de exibir uma lista suspensa em um<textarea>
para ajudar o usuário a digitar certas coisas. Você conhece isso dos IDEs atuais como conclusão de código. Quando você começa a digitar alguma coisa, um pop-up aparecerá no local atual do cursor / cursor e você pode navegar usando as teclas de seta para concluir sua entrada de text
Eu seicomo obter a posição do cursor na sequência de texto (ou seja, o índice de caracteres da posição do cursor), mas não sei como obter as coordenadas X / Y (algo comooffsetWidth
eoffsetHeight
) do cursor dentro de<textarea>
elemento para que eu possa posicionar meu elemento de lista lá. Isso é possível em HTML / JavaScript e como isso funcionaria?