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

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

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

И второй вопрос. как лучше сделать такую штуку.
Есть выше упомянутый лейбл. визуально в нем помещается допустим 50 символов. все остальный символы скрываются справа за его границами. Как сделать что бы текст если в нем более 50 символов, уходил в лево. Тобишь начало скрывалось, а конец был виден.
  • Вопрос задан
  • 60 просмотров
Пригласить эксперта
Ответы на вопрос 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 затрудняюсь...
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Biganto Москва
от 130 000 до 130 000 руб.
Blogman Оренбург
от 20 000 до 60 000 руб.
18 авг. 2018, в 11:06
10000 руб./за проект
18 авг. 2018, в 10:13
500 руб./в час
18 авг. 2018, в 09:13
13000 руб./за проект