HTML ondragstart- kenmerk


Definitie en gebruik

Het attribuut ondragstart wordt geactiveerd wanneer de gebruiker een element of tekstselectie begint te slepen.

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 ondragstart maakt deel uit van de Event Attributes en kan op alle HTML-elementen worden gebruikt.

elementen Evenement
Alle HTML-elementen ondragstart

Voorbeeld

P Voorbeeld

Voer een JavaScript uit wanneer de gebruiker een <p>-element begint te slepen:

<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>

Browserondersteuning

De getallen in de tabel geven de eerste browserversie aan die het gebeurteniskenmerk volledig ondersteunt.

Event Attribute
ondragstart 4.0 9.0 3.5 6.0 12.0