HTML + Javascript: определение места щелчка в строке текста

Question

Какой хороший способ сделать это, не оборачивая каждую букву тегами <span> и не привязывая к ним функции onclick, или что-то глупое?

Answer 1

Я не думаю, что это возможно, поскольку каждый браузер отображает страницу по-разному для каждого клиента. Поскольку javascript-событие всегда прикрепляется к некоторому HTML-тегу (а сам текст не является тегом, а содержимым этого тега), вы можете извлечь только тег, с которым происходит событие, или каждый родительский тег. Вы могли бы каким-то образом определить ок. положение курсора путем переноса каждого абзаца или предложения с помощью div || p || span, извлечения позиции события щелчка относительно документа, извлечения позиции тега, с которым происходит событие, относительно документа и вычисления в зависимости от Количество родственных меток и их высота ок. номер строки.

Answer 2

если вы используете текстовую область и стилизуете ее так, чтобы она не выглядела как единая, вы можете сделать что-то вроде этого: Вставить текст, где курсор использует Javascript / jquery