Požiadavky: HTML webové stránky majú panel nástrojov, ktorý umožňuje používateľom potiahnuť na požadovanú pozíciu podľa ich zvykov.
V prvom rade, zobrazenia sú nasledovné:
HTML prvky je možné presúvať ľubovoľne nastavením vlastnosti ťahania na true, ale prvok sa po uvoľnení myši vráti na pôvodnú pozíciu.
Môžete to urobiť pridaním udalosti potiahnutia, ktorá po uvoľnení myši presunie prvku na danú pozíciu.
Priložený je zdrojový kód:
Spustenie udalosti na drag target (zdrojový prvok):
ondragstart - spustí sa, keď používateľ začne ťahať prvok ondrag - spúšťa sa, keď sa element ťahá ondragend - spustí sa, keď používateľ dokončí ťahanie prvku
Udalosti, ktoré sa spustia, keď je cieľ uvoľnený:
ondragenter - Spustí túto udalosť, keď objekt ťahaný myšou vstúpi do rozsahu svojho kontajnera ondragover - Táto udalosť sa spustí, keď je ťahaný objekt pretiahnutý v rozsahu iného kontajnera objektu ondragleave - Táto udalosť sa spustí, keď objekt ťahaný myšou opustí dosah svojho kontajnera ondrop - Táto udalosť sa spustí, keď sa počas ťahu uvoľnia klávesy myši
Referencia:
|