Все DOM элементы под другим элементом. Или в пределах координат.
Добрый день.
Есть координаты воображаемого прямоугольника (position: absolute) и нужно получить все элементы/узлы дерева DOM, которые находятся под этим прямоугольником. Собираюсь реализовать выделение элементов мышкой. Зажимаем левую кнопку мыши, тянем. Создается див с границей 1px dotted grey, растягивается по координатам курсора. Все элементы которые будут под этим дивом должны выделяться. Объяснил криво, но тут то и объяснять нечего - в операционных системах мы так мышкой папки и файлы выделяем. Помню был какой-то метод который позволял вроде как определять, какие элементы находятся под другим элементом, но найти не могу никак. И такой момент: мне нужно 1) определить какие элементы находятся под другим элементом. 2) выбрать все элементы в пределах координат. Скорее всего обе задачи решаются одним способом, но на всякий случай уточнил. Буду благодарен за помощь. P. S. Без jQuery и библиотек плиз. Пишу native. |
|
Спасибо, сам выделятор я то сделаю ) делов то там немного. Вопрос в том, как понять, что этим выделятором выделили. Какие элементы под ним находятся. Есть идеи? Составлять матрицу координат всех элементов на странице очень не хочется - поиск по такому массиву, да еще на каждое движение мыши - ужас. Элементов будет много, можно считать не ограничено.
Что же делать, как же быть ?) |
Вот так в jQuery работает аналог. Сейчас читаю, вдупляюсь. Если вы поняли принцип - просьба подсказать.
https://github.com/endel/jquery.sele....selectable.js |
Цитата:
|
Цитата:
|
|
Цитата:
|
Какой-то простенький примерчик и работает забавно http://nightlycoding.com/index.php/2...th-javascript/
В таких случаях сперва надо найти правильные ключевые слова, как народ называет эту фичу и как задает о ней вопросы, а потом уже само навалится http://stackoverflow.com/questions/2...-in-javascript js rectangle selection ищи |
Цитата:
Цитата:
|
Часовой пояс GMT +3, время: 06:29. |