Definiție și utilizare
ondragover atribuie incendii atunci când un element de draggable sau de selectare a textului este tarat peste o țintă picătură validă.
În mod implicit, datele / elemente nu pot fi scăzut în alte elemente. Pentru a permite o picătură, trebuie să împiedice manipularea implicită a elementului. Acest lucru se face prin apelarea event. preventDefault() event. preventDefault() metoda pentru ondragover atribut.
Pentru a afla mai multe despre Drag and Drop, citiți nostru HTML Tutorial pe HTML5 Drag and Drop .
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ă
Notă: În timp ce glisarea un element, The ondragover eveniment se declanșează la fiecare 350 milisecunde.
Se aplică la
ondragover atribut este parte din Atribute evenimente , și poate fi folosit pe orice elemente HTML.
element | Eveniment |
---|---|
Toate elementele HTML | ondragover |
Exemplu
Div Exemplu
Executați un JavaScript atunci când un element este tarat peste o țintă picătură:
<div ondragover="myFunction(event)"></div>
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin event atributul.
Eveniment Atribut | |||||
---|---|---|---|---|---|
ondragover | 4 | 9 | 3.5 | 6 | 12,0 |