Esempio
Esegui un JavaScript quando l'utente ha terminato il trascinamento di un <p> elemento:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p> Prova tu stesso " Definizione e utilizzo
Il ondragend attributo fuochi quando l'utente ha finito di trascinare un elemento di selezione o testo.
Drag and drop è una caratteristica molto comune in HTML5. E 'quando si "afferrare" un oggetto e trascinarlo in una posizione diversa. Per ulteriori informazioni, vedere il nostro tutorial HTML HTML5 Drag and Drop .
Nota: Per rendere un elemento trascinabile, utilizzare il HTML5 globale draggable attributo.
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
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente l' event attributo.
| attributo di evento | |||||
|---|---|---|---|---|---|
| ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Differenze tra HTML 4.01 e HTML5
Il ondragend attributo è di nuovo in HTML5.
Sintassi
<elementondragend=" script ">
I valori degli attributi
| Valore | Descrizione |
|---|---|
| script | Lo script da eseguire sul ondragend |
Dettagli tecnici
| tag HTML supportati: | Tutti gli elementi HTML |
|---|
Pagine correlate
HTML Tutorial: drag and Drop HTML5
HTML Riferimento: HTML Attribute trascinabili
HTML DOM Riferimento: Evento ondragend