Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 7184|Odpověď: 2

[HTML/HTML5] HTML nastaví element div na libovolné tahání

[Kopírovat odkaz]
Zveřejněno 26.04.2022 10:32:01 | | | |
Požadavky: HTML webové stránky mají panel pažeb, který uživatelům umožňuje přetáhnout na požadovanou pozici podle jejich zvyků.

Nejprve jsou ztvárnění následující:



HTML prvky lze libovolně přetahovat nastavením vlastnosti tahání na true, ale prvek se po uvolnění myši vrátí na původní pozici.

To můžete udělat přidáním události přetažení, která po uvolnění myši přesune prvek na danou pozici.

Přiložen je zdrojový kód:

Spustit událost na drag target (zdrojový prvek):

ondragstart - spustí se, když uživatel začne přetahovat prvek
ondrag - spouští se, když je prvek přetahován
ondragend - spustí se, když uživatel dokončí přetahování prvku

Události, které se spustí při uvolnění cíle:

ondragenter – Spustí tuto událost, když objekt tažený myší vstoupí do rozsahu svého kontejneru
ondragover – Tato událost se spustí, když je přetažený objekt přetažen v rozsahu jiného objektového kontejneru
ondragleave - Tato událost se spustí, když objekt tažený myší opustí dosah svého kontejneru
ondrop – Tato událost se spustí, když se během tahu uvolní klávesy myši

Odkaz:

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




Předchozí:Používejte HTML5 API pro drag-and-drop
Další:Úhlová složka vrací nbsp prostory
Zveřejněno 26.04.2022 21:24:22 |
Přijď a uč se znovu
Zveřejněno 27.04.2022 14:13:06 |
Uč se, uč se
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com