HTML ondrag- kenmerk


Definitie en gebruik

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

Opmerking: tijdens het slepen van een element wordt de ondraggebeurtenis elke 350 milliseconden geactiveerd.


Geldt voor

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