HTML - aantrekkenmerk


Definisie en gebruik

Die ondragkenmerk brand wanneer 'n element of tekskeuse gesleep word.

Om meer te wete te kom oor Sleep en Los, lees ons HTML-tutoriaal oor HTML5 Sleep en Drop .

Wenk: Skakels en prente is by verstek sleepbaar en het nie die draggablekenmerk 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 geskiet is:
    • ondragenter - brand wanneer die gesleepde element die drop-teiken binnegaan
    • ondragover - vuur wanneer die gesleepde element oor die valteiken is
    • ondragleave - vuur wanneer die gesleepde element die drop-teiken verlaat
    • ondrop - vuur wanneer die gesleepde element op die valteiken laat val word

Let wel: Terwyl 'n element gesleep word, begin die ondraggebeurtenis elke 350 millisekondes.


Is van toepassing op

Die ondragkenmerk is deel van die Event Attributes en kan op enige HTML-elemente gebruik word.

Elemente Gebeurtenis
Alle HTML-elemente aantrek

Voorbeeld

P Voorbeeld

Voer 'n JavaScript uit wanneer 'n <p>-element gesleep word:

<p draggable="true" ondrag="myFunction(event)">Drag me!</p>

Blaaierondersteuning

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

Event Attribute
ondrag 4.0 9.0 3.5 6.0 12.0