Attributo HTML ondragend
Definizione e utilizzo
L' ondragend
attributo viene attivato quando l'utente ha terminato di trascinare un elemento o una selezione di testo.
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 draggable
dell'attributo.
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 elementoondrag
- si attiva quando un elemento viene trascinatoondragend
- 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 rilascioondragover
- si attiva quando l'elemento trascinato si trova sopra la destinazione di rilascioondragleave
- si attiva quando l'elemento trascinato lascia la destinazione di rilascioondrop
- si attiva quando l'elemento trascinato viene rilasciato sulla destinazione di rilascio
Si applica a
L' ondragend
attributo fa parte di Event Attributes e può essere utilizzato su qualsiasi elemento HTML.
Elementi | Evento |
---|---|
Tutti gli elementi HTML | ondragend |
Esempio
P Esempio
Esegui un JavaScript quando l'utente ha finito di trascinare un elemento <p>:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente l'attributo dell'evento.
Event Attribute | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |