Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Architect_Programmer_Code Sieć Rolnicza»Architekt › Projektowanie front-endu i strona internetowa › Html/CSS/JavaScript › HTML ustawia element div do dowolnego przeciągania
Widok: 7184|Odpowiedź: 2

[HTML/HTML5] HTML ustawia element div do dowolnego przeciągania

[Skopiuj link]
Opublikowano 26.04.2022 10:32:01 | | | |
Wymagania: Strony HTML mają pasek narzędzi, który pozwala użytkownikom przeciągać do wybranej pozycji zgodnie z ich nawykami.

Przede wszystkim przedstawienia są następujące:



Elementy HTML można przeciągać dowolnie, ustawiając właściwość przeciągania na true, ale element wraca do pierwotnej pozycji po zwolnieniu myszy.

Możesz to zrobić, dodając zdarzenie przeciągania, aby przesunąć element na wybraną pozycję po puszczeniu myszy.

Załączony jest kod źródłowy:

Wywołaj zdarzenie na celu drag (element źródłowy):

ondragstart - wyzwalane podczas przeciągania elementu przez użytkownika
ondrag - wyzwala się, gdy element jest przeciągany
ondragend - wyzwalane po zakończeniu przeciągania elementu przez użytkownika

Zdarzenia wywoływane po uwolnieniu celu:

ondragenter – Wywołuje to zdarzenie, gdy obiekt przeciągnięty przez mysz wchodzi do zakresu swojego kontenera
ondragover – To zdarzenie jest wywoływane, gdy przeciągany obiekt jest przeciągany w zasięgu innego kontenera obiektu
ondragleave – To zdarzenie jest wywoływane, gdy obiekt przeciągnięty przez mysz opuści zasięg swojego kontenera
ondrop – To zdarzenie jest wywoływane po zwolnieniu myszy podczas przeciągania

Odniesienie:

Używaj API typu przeciągnij i upuść w HTML5
https://www.itsvse.com/thread-10299-1-1.html




Poprzedni:Używaj API typu przeciągnij i upuść w HTML5
Następny:Składowa kątowa zwraca przestrzenie nbsp

Powiązane wpisy
Opublikowano 26.04.2022 21:24:22 |
Przyjdź i ucz się znowu
Opublikowano 27.04.2022 14:13:06 |
Ucz się, ucz się
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.
Mail To:help@itsvse.com