Attributo di trascinamento HTML


Definizione e utilizzo

L' ondragattributo 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 draggabledell'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 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

Nota: durante il trascinamento di un elemento, l' ondragevento si attiva ogni 350 millisecondi.


Si applica a

L' ondragattributo 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