Recupero della posizione del carattere in caso di un mouse sull'evento

Question

Sto cercando un modo per recuperare la posizione del carattere quando si sposta il puntatore del mouse su un div contenente testo.

Quindi, fondamentalmente, se questo è il testo:

Il quick brown fox salta sul cane pigro

e muovo il mouse sopra il primo 'b' (in 'marrone'), quindi fondamentalmente mi piacerebbe avere la possibilità di restituire la posizione di "b" in un evento mouseover. (In questo caso, avrei bisogno di ottenere il valore 10, supponendo di partire dalla posizione 0.)

(O, e se è d'aiuto, mi piacerebbe avere una soluzione per un carattere monospazio. Mi interessa molto del "valore" del personaggio nella posizione data, come quando sposto il valore sopra la "q", quindi non mi interessa sapere se è effettivamente una "q", ma mi piacerebbe molto sapere che il puntatore del mouse è attualmente in movimento sopra il 5 ° carattere.)

Answer 1

E 'davvero brutto, ma si potrebbe usare

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

intorno ad ogni personaggio del <div>, con suitabl e Implementazione JavaScript di setPosition().

Answer 2

Questa è una domanda interessante. E 'un anno difficile, però, dal momento che si può avere caratteri invisibili (si pensi formattazione, come

<b> some text </b> more text 

per esempio, che è già di 7 personaggi compensati nel file).

Penso che il percorso più semplice verso una soluzione utilizza un metodo Javascript applicato solo ai caratteri visualizzati all'interno del div. Forse una regexp ben fatta può farlo.

Modifica: no, NON usare un'espressione regolare per farlo. È dangerous for your sanity.