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

Всем доброго времени суток.
Собственно вопрос.

Есть лейбл. (Обычный див в который выводится текст строкой).
Мне нужно при клике на этот лейбл понять в каком месте я именно кликнул. ( по принципу установки курсора в текстовом поле) Нужно понять между какими буквами пришелся клик?

И второй вопрос. как лучше сделать такую штуку.
Есть выше упомянутый лейбл. визуально в нем помещается допустим 50 символов. все остальный символы скрываются справа за его границами. Как сделать что бы текст если в нем более 50 символов, уходил в лево. Тобишь начало скрывалось, а конец был виден.
  • Вопрос задан
  • 991 просмотр
Пригласить эксперта
Ответы на вопрос 1
@ZZiliST
Изучаю JS, CSS, HTML, PHP
Все мышиные события предоставляют текущие координаты курсора в двух видах: относительно окна и относительно документа.

Пара свойств clientX/clientY содержит координаты курсора относительно текущего окна.

При этом, например, если ваше окно размером 500x500, а мышь находится в центре, тогда и clientX и clientY будут равны 250.

Можно как угодно прокручивать страницу, но если не двигать при этом мышь, то координаты курсора clientX/clientY не изменятся, потому что они считаются относительно окна, а не документа.

Проведите мышью над полем ввода, чтобы увидеть clientX/clientY:

<input onmousemove="this.value = event.clientX+':'+event.clientY">


А вот про overflow затрудняюсь...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы