Attribut HTML ondrag
Définition et utilisation
L' ondrag
attribut se déclenche lorsqu'un élément ou une sélection de texte est déplacé.
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' draggable
attribut.
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émentondrag
- 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ôtondragover
- se déclenche lorsque l'élément déplacé est au-dessus de la cible de dépôtondragleave
- se déclenche lorsque l'élément déplacé quitte la cible de dépôtondrop
- se déclenche lorsque l'élément déplacé est déposé sur la cible de dépôt
Remarque : lors du déplacement d'un élément, l' ondrag
événement se déclenche toutes les 350 millisecondes.
S'applique à
L' ondrag
attribut fait partie des attributs d'événement et peut être utilisé sur n'importe quel élément HTML.
Éléments | Événement |
---|---|
Tous les éléments HTML | ondrag |
Exemple
P Exemple
Exécutez un JavaScript lorsqu'un élément <p> est déplacé :
<p draggable="true" ondrag="myFunction(event)">Drag me!</p>
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.
Event Attribute | |||||
---|---|---|---|---|---|
ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |