JS/TS - zaznaczanie na stronie jak na pulpicie windowsa

Question

Siema jak zrobić takie zaznaczanie rzeczy na stronie jak jest na pulpicie windowsa (zaznaczanie plików)

:D thx

Answer 1

Jeśli chodzi o zaznaczanie tekstu na stronie, to są do tego API Selection i Range.

Co do zaznaczania plików, to co masz na myśli - możesz podać przykład?

Comments

zedytowałem post z img

---

Jaki ma być cel takiego zaznaczania? Ot tak "narysować" prostokąt? Czy ma pełnić jakąś funkcję - np. wypisywanie elementów znajdujących się w obszarze zaznaczenia?

---

to 2

---

Mhmm, z głowy nie podam na to algorytmu. Ale użyłbym zdarzeń mousedown, mousemove i mouseup żeby wykryć moment i miejsce kliknięcia, przesunięcia i puszczenia klawisza myszy. W taki sposób można określić zaznaczony obszar oraz zebrać koordynaty X i Y elementów, które znajdują się tam w DOM.

---

czyli jak mniejwięcej to zrobić. bez tych elementów w środku :P

---

Jakich elementów w środku? Zadajesz na tyle ogólne pytania, że nie wiem o co dokładnie Ci chodzi.

---

poprostu te zaznaczanie bez niczego w srodku taki div

---

Przykład przy użyciu Canvas API:

https://atomicrobotdesign.com/blog/javascript/draw-a-rectangle-using-the-mouse-on-the-canvas-in-less-than-40-lines-of-javascript/