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