Przykład
Wykonuje JavaScript, gdy użytkownik zacznie przeciągnij <p> elementu:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Spróbuj sam " Definicja i Wykorzystanie
ondragstart przypisują pożarów, gdy użytkownik zacznie przeciągnij element lub zaznaczenie tekstu.
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):
- 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 | |||||
---|---|---|---|---|---|
ondragstart | 4,0 | 9,0 | 3,5 | 6,0 | 12,0 |
Różnice między HTML 4.01 i HTML5
ondragstart atrybutem jest nowego w HTML5.
Składnia
<elementondragstart=" script ">
wartości atrybutów
Wartość | Opis |
---|---|
script | Skrypt do uruchomienia na ondragstart |
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: ondragstart Event