Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 7184|Odpoveď: 2

[HTML/HTML5] HTML nastaví prvok div na ľubovoľné ťahanie

[Kopírovať odkaz]
Zverejnené 26. 4. 2022 10:32:01 | | | |
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:

Používajte HTML5 API na drag-and-drop
https://www.itsvse.com/thread-10299-1-1.html




Predchádzajúci:Používajte HTML5 API na drag-and-drop
Budúci:Uhlová zložka vracia priestory nbsp
Zverejnené 26. 4. 2022 21:24:22 |
Príď a uč sa znova
Zverejnené 27. 4. 2022 14:13:06 |
Uč sa, uč sa
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com