Attribut HTML ondragleave

Définition et utilisation

L'attribut ondragleave se déclenche lorsqu'un élément déplaçable ou une sélection de texte laisse 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 fait, par exemple, en définissant une couleur d'arrière-plan lorsque l'élément déplaçable entre dans la cible de dépôt et en supprimant la couleur lorsque l'élément est déplacé hors de la cible.

Pour en savoir plus sur le glisser-déposer, lisez notre tutoriel HTML sur le glisser-déposer HTML5 .

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

De nombreux attributs d'événement 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 déplacé
  • ondragend - se déclenche lorsque l'utilisateur a fini 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 déplacé entre dans la cible de dépôt
  • ondragover - se déclenche lorsque l'élément déplacé se trouve au-dessus de la cible de dépôt
  • ondragleave - se déclenche lorsque l'élément déplacé quitte la cible de dépôt
  • ondrop - se déclenche lorsque l'élément déplacé est déposé sur la cible de dépôt

S'applique à

L'attribut ondragleave fait partie des attributs d'événement et peut être utilisé sur n'importe quel élément HTML.

Exemple

Prise en charge du navigateur

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