JS Přesun objektu uchopením myší

## Přesun objektu uchopením myší (drag & drop)

Toto je příklad jednoduchého přesunu prvku po obrazovce uchopením myši.

Přesuň mne
Přesuň mne

### Co se má stát?

Klikem pravého tlačítka můžete uchopit objekty s textem "Přesuň mne". Dokud tlačítko držíte, smíte objekt přesouvat (angl. drag). Po puštění tlačítka se objekt zastaví (spadne zpět do stránky, angl. drop)

### Vysvětlení

Javascriptem si přepíšeme události myši na své funkce a pak jen zjišťujeme, zda byl uchopen náš objekt a pokud ano, tak jej přesouváme.

Jsou zde tyto záludnosti:

- S objekty a událostmi se jinak pracuje v Exploreru a jinak v Nescape / Mozille
- Když uchopíte prvek myší a přejedete mimo okraj okna, tlačítko pustíte, objekt zůstane v režimu přesunu.
- Aby poslední přesouvaný objekt byl nad všemi ostaními, pridal jsem nastavení zIndexu na 10 (přesunovaný), 2 (položený) a 1 (předchozí položený). U objektu se stejným z-indexem ma vyšší postavení ten, který byl do stránky přidán jako poslední.
- Schazí nastavení hranic odkud pokud lze prvky ještě přesunovat.
- Schazí tu též možnost nastavení více class pro objekt.