HTML ondrop- kenmerk
Definitie en gebruik
Het attribuut ondrop wordt geactiveerd wanneer een versleepbaar element of tekstselectie op een geldig drop-doel wordt neergezet.
Lees voor meer informatie over slepen en neerzetten onze HTML-zelfstudie over HTML5 slepen en neerzetten .
Tip: Links en afbeeldingen zijn standaard versleepbaar en hebben het kenmerk verslepen 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 - wordt geactiveerd wanneer de gebruiker een element begint te slepen
- ondrag - wordt geactiveerd wanneer een element wordt gesleept
- ondragend - wordt geactiveerd wanneer de gebruiker klaar is met het slepen van het element
- Gebeurtenissen die zijn afgevuurd op het neerzetdoel:
- ondragenter - wordt geactiveerd wanneer het gesleepte element het neerzetdoel binnenkomt
- ondragover - wordt geactiveerd wanneer het versleepte element zich boven het neerzetdoel bevindt
- ondragleave - wordt geactiveerd wanneer het gesleepte element het neerzetdoel verlaat
- ondrop - wordt geactiveerd wanneer het gesleepte element op het neerzetdoel wordt neergezet
Geldt voor
Het attribuut ondrop maakt deel uit van de Event Attributes en kan op alle HTML-elementen worden gebruikt.
elementen | Evenement |
---|---|
Alle HTML-elementen | ondrop |
Voorbeeld
Div Voorbeeld
Voer een JavaScript uit wanneer een versleepbaar element in een <div>-element wordt neergezet:
<div ondrop="myFunction(event)"></div>
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die het gebeurteniskenmerk volledig ondersteunt.
Event Attribute | |||||
---|---|---|---|---|---|
ondrop | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |