Przykład
Wykonuje JavaScript gdy przeciągany elementem wchodzi cel upuszczania:
<div ondragenter="myFunction(event)"></div>
Spróbuj sam " Definicja i Wykorzystanie
ondragenter przypisują pożarów gdy przeciągany pierwiastek albo zaznaczenie tekstu wchodzi ważny cel upuszczania.
Ondragenter i ondragleave zdarzenia mogą pomóc użytkownikowi zrozumieć, że przeciągany element ma zamiar wejść lub wyjść cel upuszczania. Może to być zrobione, na przykład, wyznaczając kolor tła, gdy element przeciągany wkracza obiekt docelowy i usuwanie zabarwienia, gdy element przemieszcza się na zewnątrz od tarczy.
Przeciągnij i upuść jest bardzo częstym elementem w HTML5. To jest, kiedy "chwycić" obiekt i przeciągnąć go do innej lokalizacji. Aby uzyskać więcej informacji, zobacz nasz poradnik HTML na HTML5 przeciągnij i upuść .
Uwaga: Aby element przyciągany, użyj globalnego HTML5 draggable atrybut.
Wskazówka: Łącza i obrazy są przeciągane domyślnie i nie potrzebują draggable atrybut.
Istnieje wiele atrybutów zdarzeń, które są stosowane, i mogą występować w różnych etapach operacji przeciągania i upuszczania:
- Wydarzenia opalane na Draggable docelową (pierwiastka źródło):
- ondragstart - pożary, gdy użytkownik zacznie przeciągnij element
- ondrag - pożary, gdy element jest przeciągany
- ondragend - pożary, gdy użytkownik zakończy przeciągając element
- Wydarzenia opalane na tarczy drop:
- ondragenter - pożary, gdy zaciągnął elementem wchodząc cel upuszczania
- ondragover - odpala, gdy jest elementem przeciągnięty nad celem rozwijanej
- ondragleave - pożary, gdy zaciągnął elementem pozostawia cel upuszczania
- ondrop - pożary, gdy przeciągany element zostanie zrzucona na cel upuszczenia
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje event atrybut.
Atrybut Zdarzenie | |||||
---|---|---|---|---|---|
ondragenter | 4,0 | 9,0 | 3,5 | 6,0 | 12,0 |
Różnice między HTML 4.01 i HTML5
ondragenter atrybutem jest nowego w HTML5.
Składnia
<elementondragenter=" script ">
wartości atrybutów
Wartość | Opis |
---|---|
script | Skrypt do uruchomienia na ondragenter |
Szczegóły techniczne
Obsługiwane znaczniki HTML: | Wszystkie elementy HTML |
---|
Podobne strony
Kurs HTML: HTML5 Drag and Drop
HTML Reference: HTML przeciągany Atrybut
HTML DOM: ondragenter Event