Odzyskiwanie pozycji znaku w przypadku myszy nad zdarzeniem

Question

Poszukuję sposobu na odzyskanie pozycji znaku podczas przesuwania wskaźnika myszy nad elementem div zawierającym tekst.

Więc w zasadzie, jeśli jest to tekst:

Szybki brązowy lis przeskoczył nad leniwym psem

i przenieść moje myszy nad pierwszym „B” (w „brązowy”), to zasadniczo chciałbym mieć możliwość zwrócenia pozycji "b" w przypadku przesunięcia kursora myszy. (W tym przypadku potrzebowałbym uzyskać wartość 10, przy założeniu, że startuję na pozycji 0.)

(O, a jeśli to pomoże, byłbym w porządku z rozwiązaniem dla czcionki o stałej szerokości. t naprawdę dbają zbytnio o "wartość" postaci na danym stanowisku, np. kiedy przesuwalę wartość na "q", to nie chcę wiedzieć, czy to rzeczywiście "q", ale chciałbym wiemy, że wskaźnik myszy porusza się obecnie na 5. znaku).

Answer 1

To naprawdę brzydki, ale można użyć

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

wokół każdego znaku w <div> z suitabl Implementacja JavaScriptu setPosition().

Answer 2

To interesujące pytanie. Jest to trudne, choć, ponieważ może być niewidoczne znaki (myślę formatowanie, jak

<b> some text </b> more text 

na przykład, że już 7 znaków przesunięcie w pliku).

Myślę, że najprostsza ścieżka do rozwiązania wykorzystuje metodę JavaScript stosowaną tylko do wyświetlanych znaków wewnątrz elementu div. Być może dobrze zrobione regexp może to zrobić.

Edycja: nie, NIE używaj w tym celu wyrażeń regularnych. Jest to dangerous for your sanity.