Attributo HTML odragleave
Definizione e utilizzo
L'attributo ondragleave si attiva quando un elemento trascinabile o una selezione di testo lascia 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.
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
Si applica a
L'attributo ondragleave fa parte degli attributi dell'evento e può essere utilizzato su qualsiasi elemento HTML.
Elementi | Evento |
---|---|
Tutti gli elementi HTML | ondragleave |
Esempio
Esempio Div
Esegui un JavaScript quando un elemento trascinabile viene spostato fuori da una destinazione di rilascio:
<div ondragleave="myFunction(event)"></div>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo dell'evento.
Event Attribute | |||||
---|---|---|---|---|---|
ondragleave | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |