HTML ondragstart Event Attribute
Voorbeeld
Voer 'n JavaScript uit wanneer die gebruiker 'n <p>-element begin sleep:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Definisie en gebruik
Die ondragstart-kenmerk brand wanneer die gebruiker 'n element of tekskeuse begin sleep.
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 :
- Gebeurtenisse wat op die valteiken geskiet 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
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die gebeurteniskenmerk ten volle ondersteun.
Event Attribute | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Sintaksis
<element ondragstart="script">
Eienskapwaardes
Value | Description |
---|---|
script | The script to be run on ondragstart |
Tegniese besonderhede
Ondersteunde HTML-etikette: | ALLE HTML-elemente |
---|
Verwante bladsye
HTML-tutoriaal: HTML5 Sleep en Los
HTML-verwysing: HTML-dragbare kenmerk
HTML DOM Verwysing: ondragstart Event
❮ HTML gebeurtenis eienskappe