Attributo dell'evento ondragend HTML
Esempio
Esegui un JavaScript quando l'utente ha finito di trascinare un elemento <p>:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
Definizione e utilizzo
L'attributo ondragend si attiva quando l'utente ha terminato di trascinare un elemento o una selezione di testo.
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.
Event Attribute | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Sintassi
<element ondragend="script">
Valori di attributo
Value | Description |
---|---|
script | The script to be run on ondragend |
Dettagli tecnici
Tag HTML supportati: | TUTTI gli elementi HTML |
---|
Pagine correlate
Esercitazione HTML: trascina e rilascia HTML5
Riferimento HTML: Attributo trascinabile HTML
Riferimento HTML DOM: evento ondragend
❮ Attributi degli eventi HTML