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