Attributo di trascinamento HTML
Definizione e utilizzo
L' ondrag
attributo si attiva quando viene trascinato 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
Nota: durante il trascinamento di un elemento, l' ondrag
evento si attiva ogni 350 millisecondi.
Si applica a
L' ondrag
attributo fa parte di Event Attributes e può essere utilizzato su qualsiasi elemento HTML.
Elementi | Evento |
---|---|
Tutti gli elementi HTML | ondrag |
Esempio
P Esempio
Esegui un JavaScript quando un elemento <p> viene trascinato:
<p draggable="true" ondrag="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 | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |