Przykład
Wykonuje JavaScript, gdy element jest przeciągany przez cel upuszczenia:
<div ondragover="myFunction(event)"></div> Spróbuj sam " Definicja i Wykorzystanie
ondragover pożarów przypisują gdy przeciągany pierwiastek albo zaznaczenie tekstu jest przeciągnięty nad ważny cel upuszczenia.
Domyślnie dane / elementy nie mogą zostać pominięte w innych elementach. W celu zapewnienia spadku, należy zapobiegać domyślną obsługę elementu. Odbywa się to poprzez wywołanie event.preventDefault() metodę ondragover atrybutu.
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
Uwaga: Podczas przeciągania elementu, zdarzenie onDragOver odpala co 350 milisekund.
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje event atrybut.
| Atrybut Zdarzenie | |||||
|---|---|---|---|---|---|
| ondragover | 4,0 | 9,0 | 3,5 | 6,0 | 12,0 |
Różnice między HTML 4.01 i HTML5
ondragover atrybutem jest nowego w HTML5.
Składnia
<elementondragover=" script ">
wartości atrybutów
| Wartość | Opis |
|---|---|
| script | Skrypt do uruchomienia na onDragOver |
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: onDragOver Event