Követelmények: A HTML weboldalakon van egy eszközsáv, amely lehetővé teszi a felhasználók számára, hogy a kívánt helyre húzzák a szokásaik szerint.
Először is, a megjelenítések a következők:
A HTML elemeket tetszőlegesen lehet húzni, ha a draggable tulajdonságot true-ra állítjuk, de az elem visszatér eredeti helyére, amikor az egér elengedik.
Ezt úgy teheted, hogy hozzáadsz egy dragend eseményt, hogy az elem az egér elengedése után a pozícióba mozgasd.
Csatolva van a forráskód:
Indíts el eseményt egy drag célponton (forráselem):
ondragstart – akkor aktiválódik, amikor a felhasználó elkezd húzni egy elemet
Ondrag – akkor aktiválódik, amikor az elemet húzzák
Ondragend – akkor aktiválódik, amikor a felhasználó befejezi az elem húzását
Az események, amelyek akkor aktiválódnak, amikor a célpontot elengedik:
ondragenter - Ezt az eseményt akkor indítja el, amikor az egér által húzott objektum belép a konténerének hatókörébe
ondragover – Ez az esemény akkor aktiválódik, amikor egy húzott objektumot egy másik objektum konténer hatókörén belül húznak
ondragleave - Ez az esemény akkor indul, amikor az egér által húzott tárgy elhagyja a tartály hatótávolságát
ondrop - Ez az esemény akkor indul, amikor az egérbillentyűk elengedik húzás közben
Utalás:
|
Közzétéve 2022. 04. 26. 10:32:01
|
|
|
|
Közzétéve 2022. 04. 26. 21:24:22
|
