Przykład
Wykonuje JavaScript gdy przeciągany element spadł w <div> element:
<div ondrop="myFunction(event)"></div> Spróbuj sam " Definicja i Wykorzystanie
ondrop pożarów przypisują gdy przeciągany lub tekst elementem wyboru jest odrzucany na ważny cel upuszczenia.
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 | |||||
|---|---|---|---|---|---|
| ondrop | 4,0 | 9,0 | 3,5 | 6,0 | 12,0 |
Różnice między HTML 4.01 i HTML5
ondrop atrybutem jest nowego w HTML5.
Składnia
<elementondrop=" script ">
wartości atrybutów
| Wartość | Opis |
|---|---|
| script | Skrypt do uruchomienia na ondrop |
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: ondrop Event