¿Cómo puedo encontrar la ubicación del cursor (X / Y, no línea / columna) en un área de texto HTML? [duplicar
Esta pregunta ya tiene una respuesta aquí:
¿Cómo obtengo las coordenadas de píxel (x, y) del cursor en cuadros de texto? 3 respuestas Me gustaría mostrar una lista desplegable en una<textarea> para ayudar al usuario a escribir ciertas cosas. Lo sabes de los IDEs actuales como finalización de código. Cuando comience a escribir algo, aparecerá una ventana emergente en la ubicación actual del cursor / cursor y podrá navegar con las teclas de flecha para completar su entrada de texto.
Lo sé cómo obtener la posición del cursor en la cadena de texto (es decir, el índice de caracteres de la posición del cursor) pero no sé cómo obtener las coordenadas X / Y (algo así comooffsetWidth yoffsetHeight) del cursor dentro de la<textarea> element para que pueda colocar mi elemento de lista allí. ¿Es eso posible en HTML / JavaScript, y cómo funcionaría?