HTML ondragend Attribut


Définition et Utilisation

L'attribut ondragend se déclenche lorsque l'utilisateur a terminé de faire glisser un élément ou une sélection de texte.

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

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

S'applique à

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

Éléments Événement
Tous les éléments HTML ondragend

Exemple

Exemple P

Exécutez un JavaScript lorsque l'utilisateur a terminé de faire glisser un élément <p> :

<p draggable="true" ondragend="myFunction(event)">Faites-moi glisser !</p>
Essayez-le vous-même »

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.

Attribut d'Événement
ondragend 4.0 9.0 3.5 6.0 12.0