Esempio
Esegui un JavaScript quando un elemento viene trascinato su una destinazione di rilascio:
<div ondragover="myFunction(event)"></div> Prova tu stesso " Definizione e utilizzo
Il ondragover attributo incendi quando un elemento trascinabile o una selezione di testo viene trascinato su una destinazione di rilascio valida.
Per impostazione predefinita, i dati / elementi non possono essere eliminati in altri elementi. Per consentire una goccia, dobbiamo evitare che la gestione predefinita dell'elemento. Questo viene fatto chiamando il event.preventDefault() metodo per la ondragover attributo.
Drag and drop è una caratteristica molto comune in HTML5. E 'quando si "afferrare" un oggetto e trascinarlo in una posizione diversa. Per ulteriori informazioni, vedere il nostro tutorial HTML HTML5 Drag and Drop .
Nota: Per rendere un elemento trascinabile, utilizzare il HTML5 globale draggable attributo.
Tip: collegamenti e le immagini sono trascinabili per impostazione predefinita e non hanno bisogno del draggable attributo.
Ci sono molti attributi di eventi che vengono utilizzati, e si possono verificare, nelle diverse fasi di un'operazione di trascinamento e rilascio:
- Eventi sparati sul bersaglio trascinabile (l'elemento di origine):
- ondragstart - fuochi quando l'utente inizia a trascinare un elemento
- ondrag - si attiva quando viene trascinato un elemento
- ondragend - incendi quando l'utente ha finito di trascinare l'elemento
- Eventi sparati sulla destinazione di rilascio:
- ondragenter - incendi quando l'elemento trascinato entra nella destinazione di rilascio
- ondragover - incendi quando l'elemento trascinato è sopra la destinazione di rilascio
- ondragleave - incendi quando l'elemento trascinato lascia la destinazione di rilascio
- ondrop - incendi quando l'elemento trascinato è caduto sulla destinazione di rilascio
Nota: Durante il trascinamento di un elemento, l'evento OnDragOver spara ogni 350 millisecondi.
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l' event attributo.
| attributo di evento | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Differenze tra HTML 4.01 e HTML5
Il ondragover attributo è di nuovo in HTML5.
Sintassi
<elementondragover=" script ">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| script | Lo script da eseguire sul OnDragOver |
Dettagli tecnici
| tag HTML supportati: | Tutti gli elementi HTML |
|---|
Pagine correlate
HTML Tutorial: drag and Drop HTML5
HTML Riferimento: HTML Attribute trascinabili
HTML DOM Riferimento: OnDragOver evento