Exemplu
Executați un JavaScript atunci când utilizatorul începe să trageți un <p> Element:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p> Încearcă - l singur » Definiție și utilizare
ondragstart atribuie incendii atunci când utilizatorul începe să trageți un element sau o selecție de text.
Trageți și plasați este o caracteristică foarte frecvente în HTML5. Acesta este atunci când "grab" un obiect și trageți-o într - o altă locație. Pentru mai multe informații, consultați programul de instruire HTML pe HTML5 Drag and Drop .
Notă: Pentru a face un element draggable, utilizați HTML5 la nivel mondial draggable atribut.
Sfat: Link - uri și imaginile sunt draggable în mod implicit, și nu au nevoie de draggable atributul.
Există mai multe atribute eveniment care sunt folosite, și pot apărea, în diferitele etape ale unei operații de glisare și fixare:
- Evenimente tras asupra țintei draggable (the source element) :
- Evenimentele au tras pe țintă picătură:
- ondragenter - incendii atunci când elementul tras intră țintă picătură
- ondragover - incendii atunci când elementul este tras peste tinta picătură
- ondragleave - incendii atunci când elementul târât părăsește ținta picătură
- ondrop - incendii atunci când elementul tras este scăpat pe țintă picătură
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin event atributul.
| Eveniment Atribut | |||||
|---|---|---|---|---|---|
| ondragstart | 4 | 9 | 3.5 | 6 | 12,0 |
Diferențe între HTML 4.01 și HTML5
ondragstart atribut este nou în HTML5.
Sintaxă
< Valorile atributelor Valoare Descriere script Script-ul pentru a fi rulat pe ondragstart
Detalii tehnice
Tag-uri HTML acceptate: Toate elementele HTML
Pagini similare
Tutorial HTML: Drag and Drop HTML5
HTML de referință: HTML Atribut draggable
HTML DOM Reference: Eveniment ondragstart