Definizione e utilizzo
Il ondrag attributo viene generato quando un elemento o una selezione di testo viene trascinato.
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
- fires when an element is being dragged - 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
Nota: Durante il trascinamento di un elemento, il ondrag evento spara ogni 350 millisecondi.
Si applica a
Il ondrag attributo è parte degli attributi di eventi , e può essere utilizzato su tutti gli elementi HTML.
| Elementi | Evento |
|---|---|
| Tutti gli elementi HTML | ondrag |
Esempio
P Esempio
Esegui un JavaScript quando un <p> elemento viene trascinato:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p> 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 | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |