Gli ultimi tutorial di sviluppo web
 

HTML ondragleave Attribute


Definizione e utilizzo

Il ondragleave attributo incendi quando un elemento trascinabile o la selezione del testo lascia una destinazione di rilascio valida.

Il ondragenter e ondragleave eventi possono aiutare l'utente a capire che un elemento trascinabile è in procinto di entrare o uscire una destinazione di rilascio. Questo può essere fatto, per esempio, impostare un colore di sfondo quando l'elemento trascinabile entra nella destinazione di rilascio, e la rimozione del colore quando l'elemento viene spostato dal bersaglio.

Per ulteriori informazioni su Drag and Drop, leggere la nostra HTML Tutorial su HTML5 Drag and Drop .

Tip: collegamenti e le immagini sono trascinabili per impostazione predefinita e non hanno bisogno del draggable attributo.

Ci sono molti attributi di eventi che vengono utilizzati, e si possono verificare, nelle diverse fasi di un'operazione di trascinamento e rilascio:

  • Eventi sparati sul bersaglio trascinabile (l'elemento di origine):
    • ondragstart - fuochi quando l'utente inizia a trascinare un elemento
    • ondrag - si attiva quando viene trascinato un elemento
    • ondragend - incendi quando l'utente ha finito di trascinare l'elemento

  • Eventi sparati sulla destinazione di rilascio:
    • ondragenter - incendi quando l'elemento trascinato entra nella destinazione di rilascio
    • ondragover - incendi quando l'elemento trascinato è sopra la destinazione di rilascio
    • ondragleave - incendi quando l'elemento trascinato lascia la destinazione di rilascio
    • ondrop - incendi quando l'elemento trascinato è caduto sulla destinazione di rilascio

Si applica a

Il ondragleave attributo è parte degli attributi di eventi , e può essere utilizzato su tutti gli elementi HTML.

Elementi Evento
Tutti gli elementi HTML ondragleave

Esempio

Div Esempio

Esegui un JavaScript quando un elemento trascinabile è spostato fuori di una destinazione di rilascio:

<div ondragleave="myFunction(event)"></div>
Prova tu stesso "

Supporto per il browser

I numeri nella tabella indicano la prima versione del browser che supporta pienamente l' event attributo.

attributo di evento
ondragleave 4.0 9.0 3.5 6.0 12.0