Najnowsze tutoriale tworzenie stron internetowych
 

HTML ondragenter atrybutów zdarzeń

<HTML Atrybuty zdarzeń

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


<HTML Atrybuty zdarzeń