Gli ultimi tutorial di sviluppo web
 

HTML ondragover Attribute


Definizione e utilizzo

Il ondragover attributo incendi quando un elemento trascinabile o una selezione di testo viene trascinato su una destinazione di rilascio valida.

Per impostazione predefinita, i dati / elementi non possono essere eliminati in altri elementi. Per consentire una goccia, dobbiamo evitare che la gestione predefinita dell'elemento. Questo viene fatto chiamando il event.preventDefault() metodo per la ondragover attributo.

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 - 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

Nota: Durante il trascinamento di un elemento, il ondragover evento spara ogni 350 millisecondi.


Si applica a

Il ondragover attributo è parte degli attributi di eventi , e può essere utilizzato su tutti gli elementi HTML.

Elementi Evento
Tutti gli elementi HTML ondragover

Esempio

Div Esempio

Esegui un JavaScript quando un elemento viene trascinato su una destinazione di rilascio:

<div ondragover="myFunction(event)"></div>
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
ondragover 4.0 9.0 3.5 6.0 12.0