Atrybut ondragover HTML
Definicja i użycie
Atrybut ondragover jest uruchamiany, gdy przeciągany element lub zaznaczony tekst jest przeciągany nad prawidłowym celem upuszczania.
Domyślnie danych/elementów nie można usunąć w innych elementach. Aby zezwolić na upuszczenie, musimy uniemożliwić domyślną obsługę elementu. Odbywa się to poprzez wywołanie metody event.preventDefault() dla atrybutu ondragover.
Aby dowiedzieć się więcej o przeciąganiu i upuszczaniu, przeczytaj nasz samouczek HTML dotyczący przeciągania i upuszczania HTML5 .
Porada: Łącza i obrazy można domyślnie przeciągać i nie wymagają one atrybutu przeciągania.
Istnieje wiele atrybutów zdarzeń, które są używane i mogą wystąpić na różnych etapach operacji przeciągania i upuszczania:
- Zdarzenia uruchomione na przeciąganym celu (element źródłowy) :
- ondragstart - uruchamia się, gdy użytkownik zaczyna przeciągać element
- ondrag - odpala, gdy element jest przeciągany
- ondragend - uruchamia się, gdy użytkownik zakończy przeciąganie elementu
- Zdarzenia wystrzeliwane na cel zrzutu:
- ondragenter - odpala, gdy przeciągnięty element trafi w cel upuszczania
- ondragover - odpala, gdy przeciągany element znajduje się nad celem upuszczania
- ondragleave - odpala, gdy przeciągnięty element opuści cel upuszczania
- ondrop - uruchamia się, gdy przeciągany element jest upuszczany na cel upuszczania
Uwaga: podczas przeciągania elementu zdarzenie ondragover uruchamia się co 350 milisekund.
Dotyczy
Atrybut ondragover jest częścią atrybutów zdarzenia i może być używany w dowolnych elementach HTML.
Elementy | Wydarzenie |
---|---|
Wszystkie elementy HTML | ondragover |
Przykład
Przykład dywizji
Wykonaj JavaScript, gdy element jest przeciągany nad cel upuszczania:
<div ondragover="myFunction(event)"></div>
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje atrybut zdarzenia.
Event Attribute | |||||
---|---|---|---|---|---|
ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |