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

Question

[Дмитрий Арушанов]

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

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

И второй вопрос. как лучше сделать такую штуку.
Есть выше упомянутый лейбл. визуально в нем помещается допустим 50 символов. все остальный символы скрываются справа за его границами. Как сделать что бы текст если в нем более 50 символов, уходил в лево. Тобишь начало скрывалось, а конец был виден.

Answer 1

[Иван Иванов]

Все мышиные события предоставляют текущие координаты курсора в двух видах: относительно окна и относительно документа.

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

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

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

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

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

А вот про overflow затрудняюсь...