HTML ondragenter Event Attribuut

❮ HTML-gebeurteniskenmerken

Definitie en gebruik

Het attribuut ondragenter wordt geactiveerd wanneer een versleepbaar element of tekstselectie een geldig neerzetdoel binnenkomt.

De gebeurtenissen ondragenter en ondragleave kunnen de gebruiker helpen begrijpen dat een versleepbaar element op het punt staat een neerzetdoel binnen te gaan of te verlaten. Dit kan bijvoorbeeld worden gedaan door een achtergrondkleur in te stellen wanneer het versleepbare element het neerzetdoel binnenkomt en de kleur te verwijderen wanneer het element uit het doel wordt verplaatst.

Slepen en neerzetten is een veel voorkomende functie in HTML5. Het is wanneer u een object "pakt" en naar een andere locatie sleept. Zie onze HTML-zelfstudie over HTML5 slepen en neerzetten voor meer informatie .

Opmerking: om een ​​element versleepbaar te maken, gebruikt u het algemene HTML5 - attribuut voor verslepen.

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

Browserondersteuning

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

Syntaxis

Attribuutwaarden

Technische details

Gerelateerde pagina's

HTML-zelfstudie: HTML5 slepen en neerzetten

HTML-referentie: HTML-versleepbaar kenmerk

HTML DOM-referentie: ondragenter Event