Attributo evento HTML ondragover
Esempio
Esegui un JavaScript quando un elemento viene trascinato su una destinazione di rilascio:
<div ondragover="myFunction(event)"></div>
Definizione e utilizzo
L'attributo ondragover si attiva quando un elemento trascinabile o una selezione di testo viene trascinato su una destinazione di rilascio valida.
Per impostazione predefinita, dati/elementi non possono essere eliminati in altri elementi. Per consentire un drop, dobbiamo impedire la gestione predefinita dell'elemento. Questo viene fatto chiamando il metodo event.preventDefault() per l'attributo ondragover.
Il trascinamento della selezione è una funzionalità molto comune in HTML5. È quando "afferri" un oggetto e lo trascini in una posizione diversa. Per ulteriori informazioni, consulta il nostro Tutorial HTML su HTML5 Drag and Drop .
Nota: per rendere trascinabile un elemento, utilizza l' attributo trascinabile HTML5 globale.
Suggerimento: i collegamenti e le immagini sono trascinabili per impostazione predefinita e non necessitano dell'attributo trascinabile.
Esistono molti attributi di evento che vengono utilizzati e possono verificarsi nelle diverse fasi di un'operazione di trascinamento della selezione:
- Eventi attivati sulla destinazione trascinabile (l'elemento di origine) :
- ondragstart - si attiva quando l'utente inizia a trascinare un elemento
- ondrag - si attiva quando un elemento viene trascinato
- ondragend - si attiva quando l'utente ha finito di trascinare l'elemento
- Eventi attivati sul bersaglio di rilascio:
- ondragenter - si attiva quando l'elemento trascinato entra nella destinazione di rilascio
- ondragover - si attiva quando l'elemento trascinato si trova sopra la destinazione di rilascio
- ondragleave - si attiva quando l'elemento trascinato lascia la destinazione di rilascio
- ondrop - si attiva quando l'elemento trascinato viene rilasciato sulla destinazione di rilascio
Nota: durante il trascinamento di un elemento, l'evento ondragover viene attivato ogni 350 millisecondi.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo dell'evento.
| Event Attribute | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Sintassi
<element ondragover="script">
Valori di attributo
| Value | Description |
|---|---|
| script | The script to be run on ondragover |
Dettagli tecnici
| Tag HTML supportati: | TUTTI gli elementi HTML |
|---|
Pagine correlate
Esercitazione HTML: trascina e rilascia HTML5
Riferimento HTML: Attributo trascinabile HTML
Riferimento HTML DOM: evento ondragover
❮ Attributi degli eventi HTML