HTML ondrag- kenmerk
Definitie en gebruik
Het ondrag
attribuut wordt geactiveerd wanneer een element of tekstselectie wordt gesleept.
Lees voor meer informatie over slepen en neerzetten onze HTML-zelfstudie over HTML5 slepen en neerzetten .
Tip: Links en afbeeldingen kunnen standaard worden versleept en hebben het draggable
attribuut niet nodig.
Er zijn veel gebeurtenisattributen die worden gebruikt, en kunnen optreden, in de verschillende stadia van een slepen-en-neerzetten-bewerking:
- Gebeurtenissen die zijn afgevuurd op het versleepbare doel (het bronelement) :
ondragstart
- gaat af wanneer de gebruiker een element begint te slepenondrag
- gaat af wanneer een element wordt gesleeptondragend
- gaat af wanneer de gebruiker klaar is met het slepen van het element
- Gebeurtenissen die zijn afgevuurd op het neerzetdoel:
ondragenter
- gaat af wanneer het gesleepte element het neerzetdoel binnenkomtondragover
- gaat af wanneer het gesleepte element zich boven het neerzetdoel bevindtondragleave
- gaat af wanneer het gesleepte element het neerzetdoel verlaatondrop
- wordt geactiveerd wanneer het gesleepte element op het neerzetdoel wordt neergezet
Opmerking: tijdens het slepen van een element wordt de ondrag
gebeurtenis elke 350 milliseconden geactiveerd.
Geldt voor
Het ondrag
attribuut maakt deel uit van de Event Attributes en kan op alle HTML-elementen worden gebruikt.
elementen | Evenement |
---|---|
Alle HTML-elementen | ondrag |
Voorbeeld
P Voorbeeld
Voer een JavaScript uit wanneer een <p>-element wordt gesleept:
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het gebeurteniskenmerk volledig ondersteunt.
Event Attribute | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |