У меня есть элемент HTML, внутри которого есть только видимый текст. Этот пример представляет собой элемент <div>
, но он может быть <span>
, <p>
или другим элементом DOM.
<div>This is a simple example.</div>
При щелчке я могу получить позицию курсора на поверхности div, но мне нужно определить положение ближайшего символа и/или его индекса в строку div.innerHTML во время щелчка.
Я нашел аналогичную реализацию в методе getCharNumAtPosition в объектах текста SVG здесь.
Возможно ли реализовать такую функцию в JavaScript, которая работает с HTML?
(Решения были бы наиболее полезными, если бы они были переносимыми в большинстве современных браузеров, работали с большинством письменных языков и основывались на относительно стабильных стандартах, чтобы впоследствии они перестали работать.)