Gli ultimi tutorial di sviluppo web
 

HTML ondragstart attributo di evento

<HTML Attributi evento

Esempio

Esegui un JavaScript quando l'utente inizia a trascinare un <p> elemento:

<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Prova tu stesso "

Definizione e utilizzo

Il ondragstart attributo fuochi quando l'utente inizia a trascinare un elemento o selezione del 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
ondragstart 4.0 9.0 3.5 6.0 12.0

Differenze tra HTML 4.01 e HTML5

Il ondragstart attributo è di nuovo in HTML5.


Sintassi

<elementondragstart=" script ">

I valori degli attributi

Valore Descrizione
script Lo script da eseguire sul ondragstart

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 ondragstart


<HTML Attributi evento