Как выделить мышкой область на странице и присвоить класс элементам попавшим в эту область?

Question

[yaroslav_void]

Нужно зажав левую кнопку мыши выделять область на экране и попавшим в эту область элементам присваивать класс.
Это нужно для того чтоб реализовать для верстки функционал похожий на выделение ячеек в Excel.
Может кто нибудь предложит решение на примере со скриншота:

Comments

[yaroslav_void]

Решение:
https://dragselect.com/

Answer 1

[Михаил Р.]

Как выделить мышкой область на странице и присвоить класс элементам попавшим в эту область?

1. Использовать события mousedown, mousemove итп, для момента зажатия ЛКМ.
2. Использовать метод getBoundingClientRect(), для получения координат элементов (их пересечения), куда передвинули мышь из п1, если пересечение достигнуто, то добавляем css класс данному элементу.

Может кто нибудь предложит решение на примере со скришота

Что конкретно у Вас не получилось? Если всё, то на фрилансе предложат сделают все за Вас.

Кстати, гуглежка заняла 2 минуты (быстрее, чем написать вопрос) - Выделение элементов мышкой:

Comments

[Aleksey Solovyev]

Думаю, можно просто установить флаг в true при mousedown и mouseover на все элементы, чтобы не считать каждый раз положение.

[Михаил Р.]

Aleksey Solovyev, да там простор для оптимизации ;)