HTML ondragover- kenmerk

Definitie en gebruik

Het kenmerk ondragover wordt geactiveerd wanneer een versleepbaar element of tekstselectie over een geldig neerzetdoel wordt gesleept.

Standaard kunnen gegevens/elementen niet in andere elementen worden neergezet. Om een ​​drop toe te staan, moeten we de standaard afhandeling van het element voorkomen. Dit wordt gedaan door de methode event.preventDefault() aan te roepen voor het kenmerk ondragover.

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

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

Geldt voor

Het attribuut ondragover maakt deel uit van de Event Attributes en kan op alle HTML-elementen worden gebruikt.

Voorbeeld

Browserondersteuning

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