Ситуация:
У меня есть следующий HTML-код:
<!--First div-->
<div>cat elephant</div>
Я использую window.getSelection().focusOffset
, чтобы получить индекс символа, по которому щелкают:
let index = window.getSelection().focusOffset;
Пример: если я нажму на символ "c" строки внутри div
, index
будет 1
;символ «е», index
будет 5
.
Проблема:
Я обертываю каждое слово выше div
в span
вот так:
<!--Second div-->
<div><span>cat</span> <span>elephant</span></div>
И использовать тот же скрипт для получения индекса символов, тогда результат будет неожиданным.
Если я нажму на символ "c", индекс все равно будет 1
;но символ «е», индекс 1
вместо 5
.
Что я хочу:
Я хочу, чтобы второй div
имелТо же поведение, что и в первом div
, когда я нажимаю на символ, чтобы получить его индекс.
Редактировать:
- Я также использую
anchorOffset
, новозвращает тот же результат.