Attribut d'Événement ondrop HTML

❮ Attributs d'Événements HTML

Définition et Utilisation

L'attribut ondrop se déclenche lorsqu'un élément déplaçable ou une sélection de texte est déposé sur une cible de dépôt valide.

Le glisser-déposer est une fonctionnalité très courante dans HTML5. Cela consiste à "attraper" un objet et à le faire glisser vers un autre emplacement. Pour plus d'informations, consultez notre Tutoriel HTML sur HTML5 Glisser et Déposer .

Remarque : Pour rendre un élément déplaçable, utilisez l'attribut global HTML5 draggable .

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 à 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

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.

Syntaxe

Valeurs d'Attribut

Détails Techniques

Pages Associées

Tutoriel HTML : HTML5 Glisser et Déposer

Référence HTML : Attribut HTML draggable

Référence DOM HTML : Événement ondrop