Ultimele tutoriale de dezvoltare web
 

HTML ondragleave Eveniment Atribut

<HTML Atributele Eveniment

Exemplu

Executați un JavaScript atunci când un element de draggable este mutat dintr-o țintă picătură:

<div ondragleave="myFunction(event)"></div>
Încearcă - l singur »

Definiție și utilizare

ondragleave atribuie incendii atunci când un element de draggable sau de selectare a textului lasă o țintă picătură validă.

Ondragenter și evenimente ondragleave poate ajuta utilizatorul să înțeleagă că un element draggable este pe cale să intre sau să iasă o țintă picătură. Acest lucru se poate face, de exemplu, stabilind o culoare de fundal, atunci când elementul draggable intră țintă picătură, și eliminând culoarea atunci când elementul este mutat din ținta.

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) :
    • ondragstart - incendii atunci când utilizatorul începe să trageți un element de
    • ondrag - incendii , atunci când un element este tarat
    • ondragend - incendii atunci când utilizatorul a terminat tragerea elementului

  • 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
ondragleave 4 9 3.5 6 12,0

Diferențe între HTML 4.01 și HTML5

ondragleave atribut este nou în HTML5.


Sintaxă

< Valorile atributelor
Valoare Descriere
script Script-ul pentru a fi rulat pe ondragleave

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 ondragleave


<HTML Atributele Eveniment