Atrybut zdarzenia ondragstart HTML
Przykład
Wykonaj JavaScript, gdy użytkownik zacznie przeciągać element <p>:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Definicja i użycie
Atrybut ondragstart jest uruchamiany, gdy użytkownik zaczyna przeciągać element lub zaznaczony tekst.
Przeciąganie i upuszczanie to bardzo powszechna funkcja w HTML5. Dzieje się tak, gdy „chwycisz” obiekt i przeciągniesz go w inne miejsce. Więcej informacji znajdziesz w naszym samouczku HTML dotyczącym przeciągania i upuszczania HTML5 .
Uwaga: aby umożliwić przeciąganie elementu, użyj globalnego atrybutu przeciągania 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) :
- 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
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje atrybut zdarzenia.
Event Attribute | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Składnia
<element ondragstart="script">
Wartości atrybutów
Value | Description |
---|---|
script | The script to be run on ondragstart |
Szczegóły techniczne
Obsługiwane tagi HTML: | WSZYSTKIE elementy HTML |
---|
Powiązane strony
Samouczek HTML: przeciąganie i upuszczanie HTML5
Odniesienie HTML: przeciągany atrybut HTML
Dokumentacja HTML DOM: ondragstart Event
❮ Atrybuty zdarzeń HTML