HTML ondragend Attribuut
Definitie en gebruik
Het ondragend
attribuut wordt geactiveerd wanneer de gebruiker klaar is met het slepen van een element of tekstselectie.
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
Geldt voor
Het ondragend
attribuut maakt deel uit van de Event Attributes en kan op alle HTML-elementen worden gebruikt.
elementen | Evenement |
---|---|
Alle HTML-elementen | ondragend |
Voorbeeld
P Voorbeeld
Voer een JavaScript uit wanneer de gebruiker klaar is met het slepen van een <p>-element:
<p draggable="true" ondragend="myFunction(event)">Drag me!</p>
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het gebeurteniskenmerk volledig ondersteunt.
Event Attribute | |||||
---|---|---|---|---|---|
ondragend | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |