Recuperación de la posición del carácter en caso de un evento sobre el mouse

Question

Estoy buscando una manera de recuperar la posición del personaje al mover el puntero del mouse sobre un texto que contiene div.

Así que, básicamente, si este es el texto:

El rápido zorro marrón salta sobre el perro perezoso

y muevo el ratón sobre el primer 'b' (en 'marrón'), entonces, básicamente, me gustaría tener la capacidad de devolver la posición de 'b' en un evento mouseover. (En este caso, necesitaría obtener el valor 10, suponiendo que empiece en la posición 0.)

(O, y si ayuda, estaría bien si tuviera una solución para una fuente monoespaciada. Y no lo hago realmente me importa demasiado el "valor" del personaje en la posición dada. Como cuando muevo el valor sobre la "q", entonces no me importa saber si realmente es una "q", pero me encantaría saber que el puntero del ratón se está moviendo actualmente el quinto carácter.)

Answer 1

es muy feo, pero se puede usar

<span onmouseover="setPosition(...)"></span> 

alrededor de cada carácter en el <div>, con suitabl e Implementación de JavaScript de setPosition().

Answer 2

Esa es una pregunta interesante. Es un año difícil, sin embargo, ya que puede tener caracteres invisibles (piensa formatear, como

<b> some text </b> more text 

por ejemplo, que ya es de 7 caracteres compensados ​​en su archivo).

Creo que la ruta más fácil hacia una solución utiliza un método de Javascript aplicado solo a los caracteres mostrados dentro del div. Tal vez una expresión regular bien elaborada puede hacer eso.

Editar: no, NO use una expresión regular para hacer eso. Es dangerous for your sanity.