Div Внутренний выбор текста с использованием Javascript (с клавиатурой?)

Question

Моя цель - создать расширение просмотра каретки в Google Chrome.Я ударил стену с выделением текста.Я обнаружил, что могу выбрать содержимое div:

range = document.createRange();
referenceNode = document.getElementsByTagName("div").item(0);
range.selectNode(referenceNode);

Я также могу выбрать дочерние элементы, используя range.setStart(referenceNode,offest) и range.setEnd(referenceNode,offset), где offset - это количество дочерних узлов, которые нужно пропустить / включить ввыбор.

К сожалению, я понятия не имею, как выбрать отдельные символы в div.Такое поведение, конечно, доступно для текстовых полей и входных текстовых полей.Я надеюсь на законное решение javascript, которое я пропустил, но предложение об обходе с использованием DOM-манипуляции той или иной формы также приемлемо.

Важно, чтобы решение учитывало поведение при просмотре каретки.Например, учитывая начальную позицию в качестве смещения от некоторого местоположения и конечную позицию в качестве смещения от того же местоположения, отобразите выбор в положении на экране и разрешите копировать выбор.

Спасибо за ваше время.

С наилучшими пожеланиями, Lotus

Answer 1

Я не знаю, если это взломать или нет, но это работает.
(я только что сделал это) Попробуйте демо: http://derek1906.site50.net/experiment/selection/

Вы можете поставить <span></span> вокруг человекасимволы, которые вы хотите выбрать, а затем вы просто выберите <span> и ва-ла, вы выбрали слова, которые вы хотите!