Attribut ondrag HTML
Définition et Utilisation
L'attribut ondrag se déclenche lorsqu'un élément ou une sélection de texte est en cours de glissement.
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 glissables 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 glissable (l'élément source) :
-
ondragstart- se déclenche lorsque l'utilisateur commence à 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 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
-
Remarque : Lors du glissement d'un élément, l'événement ondrag se déclenche toutes les 350 millisecondes.
S'applique à
L'attribut ondrag 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 | ondrag |
Exemple
Exemple P
Exécutez un JavaScript lorsqu'un élément <p> est en cours de glissement :
<p draggable="true" ondrag="myFunction(event)">Glisse-moi !</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 | |||||
|---|---|---|---|---|---|
| ondrag | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |