HTML ondragend Attribuut


Definitie en gebruik

Het ondragendattribuut 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 draggableattribuut 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 slepen
    • ondrag- gaat af wanneer een element wordt gesleept
    • ondragend- 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 binnenkomt
    • ondragover- gaat af wanneer het gesleepte element zich boven het neerzetdoel bevindt
    • ondragleave- gaat af wanneer het gesleepte element het neerzetdoel verlaat
    • ondrop- wordt geactiveerd wanneer het gesleepte element op het neerzetdoel wordt neergezet

Geldt voor

Het ondragendattribuut 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