Как узнать позицию текста?

@phpk · Регистрация: 15.05.2013

Студворк — интернет-сервис помощи студентам

Имеется много текста на экране, и нужно при клике на любом слове определить координаты этого слова от начала документа.
Т.е. текст может располагаться только в одном теге, допустим в теге p, <p>очень много текста...</p>
Подскажите пожалуйста, как это можно сделать?

@BANO · 02.06.2016, 18:50

phpk, вот есть примерчики, может какой-то вам поможет

@phpk · 02.06.2016, 19:04 **[ТС]**

Сообщение от BANO

phpk, вот есть примерчики, может какой-то вам поможет

это ведь не выделение! Разве тут подойдёт range?
Не затруднит ли показать пример?

Добавлено через 5 минут
Кстати нужно найти позицию не по клику, а после ввода слова, допустим после вызова prompt и ввода слова, нужно найти это слово в тексте,
т.е. найти позицию

@BANO · 02.06.2016, 19:08

phpk, то есть вам нужно именно на одном слове? без выделения?
тогда вам нужен ивент клика, там есть координаты относительно экрана и дальше нужно просто посчитать по ширине символов ваше слово

@phpk · 02.06.2016, 19:18 **[ТС]**

Сообщение от BANO

тогда вам нужен ивент клика, там есть координаты относительно экрана и дальше нужно просто посчитать по ширине символов ваше слово

тут ивент не причём. Слово нужно искать после ввода а не по клику!

@BANO · 02.06.2016, 19:21

phpk, вообще прикольненько...

тогда вам нужен document.body.innerHTML и в нём indexOf("слово")

@phpk · 02.06.2016, 19:22 **[ТС]**

Сообщение от BANO

тогда вам нужен document.body.innerHTML и в нём indexOf("слово")

разве indexOf возвращает координаты относительно документа?

@BANO · 02.06.2016, 19:24

phpk, нет, он возвращает позицию слова в строке...

вам сначала нужно найти этот элемент, потом посчитать его координаты можно по длинне символов предшествующих ему

@phpk · 02.06.2016, 19:28 **[ТС]**

Сообщение от BANO

потом посчитать его координаты можно по длинне символов предшествующих ему

а как это делается? Как нужно вычислять длину символа? тут ведь есть и переносы строк!

Добавлено через 2 минуты
кто-то покажет реальный пример, как это делается?

@BANO · 02.06.2016, 19:30

Сообщение от phpk

тут ведь есть и переносы строк!

можно и курсоры по y прибавлять на переносах

Сообщение от phpk

кто-то покажет реальный пример, как это делается?

мне кажется что нет, потому что это странная задача и я на своей практике таких задач не встречал

я сейчас постараюсь придумать как это сделать точнее
но у меня есть вопрос
у вас прям по всему документу ищется слово?

@phpk · 02.06.2016, 19:32 **[ТС]**

Сообщение от BANO

но у меня есть вопрос
у вас прям по всему документу ищется слово?

текст, по которому нужно искать слово, это будет html-код страницы. И нужно будет найти определённый класс по заданному слову и найти координаты этого слова с классом

@BANO · 02.06.2016, 19:39

Сообщение от phpk

И нужно будет найти определённый класс по заданному слову и найти координаты этого слова с классом

классы элементов?
может тогда легче просто сделать список классов и элементов?
я имею в виду сначала пройтись по всем элементам и у них классы поснимать, а потом сделать типа поиска по ключам объекта?

@phpk · 02.06.2016, 19:42 **[ТС]**

Сообщение от BANO

а потом сделать типа поиска по ключам объекта?

всмысле? что за поиск по ключам обьекта? Что мне даст вырезанное имя класса? Всё равно ведь нужно получить координаты
Я смогу после этого поиска получить координаты относительно экрана?

@BANO · 02.06.2016, 19:44

phpk, вот какой будет объект

JavaScript
1
2
3
4
5
{
    "button": <HTMLElement>,
    "text-red": <HTMLElement>
}
/* <HTMLElement> - ссылка на элемент в документе*/

Новые блоги и статьи Все статьи Все блоги /
изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .

@phpk 27 / 41 / 13 Регистрация: 15.05.2013 Сообщений: 1,313

	Как узнать позицию текста? 02.06.2016, 18:39. Показов 2704. Ответов 13 Метки нет (Все метки) Имеется много текста на экране, и нужно при клике на любом слове определить координаты этого слова от начала документа. Т.е. текст может располагаться только в одном теге, допустим в теге p, <p>очень много текста...</p> Подскажите пожалуйста, как это можно сделать? 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 18:50
	phpk, вот есть примерчики, может какой-то вам поможет 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:08
	phpk, то есть вам нужно именно на одном слове? без выделения? тогда вам нужен ивент клика, там есть координаты относительно экрана и дальше нужно просто посчитать по ширине символов ваше слово 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:21
	phpk, вообще прикольненько... тогда вам нужен document.body.innerHTML и в нём indexOf("слово") 0

@BANO Ренегат 1740 / 1085 / 386 Регистрация: 06.08.2014 Сообщений: 5,203 Записей в блоге: 1
	02.06.2016, 19:24
	phpk, нет, он возвращает позицию слова в строке... вам сначала нужно найти этот элемент, потом посчитать его координаты можно по длинне символов предшествующих ему 0