Attribut d'événement ondragstart en HTML
Exemple
Exécutez un JavaScript lorsque l'utilisateur commence à faire glisser un élément <p> :
<p draggable="true" ondragstart="myFunction(event)">Faites-moi glisser !</p> Définition et utilisation
L'attribut ondragstart se déclenche lorsque l'utilisateur commence à faire glisser un élément ou une sélection de texte.
Le glisser-déposer est une fonctionnalité très courante en HTML5. Cela consiste à "attraper" un objet et à le faire glisser vers un autre emplacement. Pour plus d'informations, consultez notre tutoriel HTML sur le glisser-déposer HTML5 .
Remarque : Pour rendre un élément déplaçable, utilisez l'attribut global HTML5 draggable .
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) :
- É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
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 | |||||
|---|---|---|---|---|---|
| ondragstart | 4.0 | 9 | 9 | 3.1 | 12 |
Syntaxe
< élément ondragstart=" script "> Valeurs d'attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter lors de ondragstart |
Détails techniques
| Balises HTML prises en charge : | TOUS les éléments HTML |
|---|
Pages connexes
Tutoriel HTML : Glisser-déposer HTML5
Référence HTML : Attribut HTML draggable
Référence DOM HTML : Événement ondragstart