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