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>
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
ondrag 4.0 9.0 3.5 6.0 12.0