Obtenga la posición de Caret en coordenadas X e Y en JavaScript

Question

Estoy tratando de encontrar la posición actual del careto (el parpadeo |) en las coordenadas X e Y. ¿Alguien tiene una forma de hacer esto? Realmente no sé por dónde empezar.

Sé que esto es posible en JavaScript, ya que hay un complemento JQuery con fallas para ello, pero quiero hacerlo sin jQuery.

Más específicamente, estoy interesado en imitar la forma en que Google Instant muestra la selección #1 como texto gris. Planeo hacer esto tanto para TextFields como para TextEasas recuperando la posición del careto (como mencioné anteriormente), luego colocando el texto usando el posicionamiento absoluto. Si alguien tiene una mejor manera de hacerlo, hágamelo saber.

¡Gracias!

Answer 1

Diría que es mejor que ponga la cadena adivinada completa (incluido el texto escrito hasta ahora) como una etiqueta de fondo DIV y haga que el cuadro de entrada sea transparente.

Posicionar el cuadro de entrada y el div debería ser trivial. De esa manera, puedes hacer la etiqueta gris y dará el mismo efecto.

Funcionaría eso?

Editar: verificó lo que hace Google Instant. Tienen dos cuadros de entrada colocados uno encima del otro y la suposición se pobla en la entrada de fondo

Answer 2

Debe tener en cuenta los eventos de movimiento del mouse y obtener las coordenadas de la mudanza.