Получить координаты начала и конца предложения - PullRequest
1 голос
/ 11 сентября 2011

У меня есть <span></span>, в котором находится предложение.Например:

<span>A sentence residing within a span</span>

Можно ли получить координаты начальных и конечных букв этого предложения, например, "A" и "n" соответственно для события Javascript, такого как onmouseover, связанного с этим диапазоном?

Диапазон находится в пределах div.Итак,

case - I: для предложения

This is a sentence inline

Верхний и левый столбцы оцениваются относительно буквы «T» слова «This».

case - II: для предложения

... ... ... ... ... ... This is
a sentence broke into two lines.

Верхняя часть оценивается относительно буквы «T» слова «This», а левая - относительно «a».

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

Ответы [ 2 ]

2 голосов
/ 11 сентября 2011

Если вам нужны координаты верхнего левого угла первого символа и нижнего правого угла последнего символа предложения, вы можете использовать метод элемента getClientRects(). Это поддерживается в последних версиях всех основных браузеров .

var rects = span.getClientRects();
var startTopLeft = { x: rects[0].left, y: rects[0].top; };
var lastRect = rects[rects.length - 1];
var endBottomRight = { x: lastRect.right, y: lastRect.bottom; };

Обратите внимание, что эти координаты относятся к области просмотра, а не к документу. Если вам нужно расположить другие элементы, используя эти координаты, вам необходимо учитывать прокрутку.

2 голосов
/ 11 сентября 2011

span.getBoundingClientRect()? документы

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...