HTML ondragover gebeurtenis kenmerk

❮ HTML gebeurtenis eienskappe

Voorbeeld

Voer 'n JavaScript uit wanneer 'n element oor 'n valteiken gesleep word:

<div ondragover="myFunction(event)"></div>

Definisie en gebruik

Die ondragover-kenmerk brand wanneer 'n sleepbare element of tekskeuse oor 'n geldige drop-teiken gesleep word.

By verstek kan data/elemente nie in ander elemente weggegooi word nie. Om 'n daling toe te laat, moet ons die verstek hantering van die element verhoed. Dit word gedoen deur die event.preventDefault()-metode vir die ondragover-kenmerk te roep.

Sleep en los is 'n baie algemene kenmerk in HTML5. Dit is wanneer jy 'n voorwerp "gryp" en dit na 'n ander plek sleep. Vir meer inligting, sien ons HTML-tutoriaal oor HTML5 Sleep en Los .

Let wel: Om 'n element sleepbaar te maak, gebruik die globale HTML5 sleep eienskap.

Wenk: Skakels en prente is by verstek sleepbaar en het nie die sleep-kenmerk nodig nie.

Daar is baie gebeurteniskenmerke wat gebruik word, en kan voorkom, in die verskillende stadiums van 'n sleep-en-los-bewerking:

  • Gebeurtenisse wat op die sleepbare teiken (die bronelement) afgevuur is :
    • ondragstart - brand wanneer die gebruiker 'n element begin sleep
    • ondrag - brand wanneer 'n element gesleep word
    • ondragend - brand wanneer die gebruiker die element klaar gesleep het

  • Gebeurtenisse wat op die valteiken afgevuur is:
    • ondragenter - brand wanneer die gesleepde element die drop-teiken binnegaan
    • ondragover - brand wanneer die gesleepde element oor die drop-teiken is
    • ondragleave - vuur wanneer die gesleepde element die drop-teiken verlaat
    • ondrop - vuur wanneer die gesleepde element op die drop-teiken laat val word

Let wel: Terwyl 'n element gesleep word, word die oordraggebeurtenis elke 350 millisekondes afgevuur.


Blaaierondersteuning

Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die gebeurteniskenmerk ten volle ondersteun.

Event Attribute
ondragover 4.0 9.0 3.5 6.0 12.0

Sintaksis

<element ondragover="script">

Eienskapwaardes

Value Description
script The script to be run on ondragover

Tegniese besonderhede

Ondersteunde HTML-etikette: ALLE HTML-elemente

Verwante bladsye

HTML-tutoriaal: HTML5 Sleep en Drop

HTML-verwysing: HTML-dragbare kenmerk

HTML DOM-verwysing: ondragover-gebeurtenis


❮ HTML gebeurtenis eienskappe