Attributo HTML ondragover

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.

Per informazioni sul Drag and Drop, leggi il nostro Tutorial HTML su HTML5 Drag and Drop .

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.

Si applica a

L'attributo ondragover fa parte degli attributi dell'evento e può essere utilizzato su qualsiasi elemento HTML.

Esempio

Supporto browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo dell'evento.