Attribut ondragenter HTML

Définition et Utilisation

L'attribut ondragenter se déclenche lorsqu'un élément déplaçable ou une sélection de texte entre dans une cible de dépôt valide.

Les événements ondragenter et ondragleave peuvent aider l'utilisateur à comprendre qu'un élément déplaçable est sur le point d'entrer ou de quitter une cible de dépôt. Cela peut être réalisé, par exemple, en définissant une couleur de fond lorsque l'élément déplaçable entre dans la cible de dépôt, et en supprimant cette couleur lorsque l'élément est déplacé hors de la cible.

Pour en savoir plus sur le Drag and Drop, lisez notre tutoriel HTML sur HTML5 Drag and Drop .

Astuce : Les liens et les images sont déplaçables par défaut et n'ont pas besoin de l'attribut draggable.

Il existe de nombreux attributs d'événements qui sont utilisés et peuvent se produire aux différentes étapes d'une opération de glisser-déposer :

• Événements déclenchés sur la cible déplaçable (l'élément source) :
  • ondragstart - se déclenche lorsque l'utilisateur commence à faire glisser un élément
  • ondrag - se déclenche lorsqu'un élément est en cours de glissement
  • ondragend - se déclenche lorsque l'utilisateur a terminé de faire glisser l'élément


• Événements déclenchés sur la cible de dépôt :
  • ondragenter - se déclenche lorsque l'élément glissé entre dans la cible de dépôt
  • ondragover - se déclenche lorsque l'élément glissé est au-dessus de la cible de dépôt
  • ondragleave - se déclenche lorsque l'élément glissé quitte la cible de dépôt
  • ondrop - se déclenche lorsque l'élément glissé est déposé sur la cible de dépôt

S'applique à

L'attribut ondragenter fait partie des Attributs d'Événements et peut être utilisé sur n'importe quel élément HTML.

Exemple

Support des Navigateurs

Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'attribut d'événement.