Attributo evento HTML ondragenter

❮ Attributi degli eventi HTML

Definizione e utilizzo

L'attributo ondragenter si attiva quando un elemento trascinabile o una selezione di testo entra in una destinazione di rilascio valida.

Gli eventi ondragenter e ondragleave possono aiutare l'utente a capire che un elemento trascinabile sta per entrare o uscire da una destinazione di rilascio. Questo può essere fatto, ad esempio, impostando un colore di sfondo quando l'elemento trascinabile entra nella destinazione di rilascio e rimuovendo il colore quando l'elemento viene spostato fuori dalla destinazione.

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

Supporto browser

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

Sintassi

Valori di attributo

Dettagli tecnici

Pagine correlate

Esercitazione HTML: trascina e rilascia HTML5

Riferimento HTML: Attributo trascinabile HTML

Riferimento HTML DOM: evento ondragenter