Définition et utilisation
Le ondragstart attribut se déclenche lorsque l'utilisateur commence à faire glisser un élément ou la sélection de texte.
Pour en apprendre davantage sur Drag and Drop, lisez notre Tutoriel HTML sur HTML5 Drag and Drop .
Astuce: Liens et images sont déplaçables par défaut, et ne nécessitent pas l' draggable attribut.
Il existe de nombreux attributs d'événements qui sont utilisés, et peuvent se produire, dans les différentes étapes d'une opération de glisser-déposer:
- Evénements tiré sur la cible draggable (élément source):
- Evénements tiré sur la cible de dépôt:
- ondragenter - se déclenche lorsque l'élément traîné pénètre dans la cible de dépôt
- ondragover - se déclenche lorsque l'élément traîné est sur la cible de dépôt
- ondragleave - se déclenche lorsque l'élément traîné 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 à
Le ondragstart attribut fait partie des attributs de l' événement , et peut être utilisé sur tous les éléments HTML.
Éléments | un événement |
---|---|
Tous les éléments HTML | ondragstart |
Exemple
P Exemple
Exécuter un script JavaScript lorsque l'utilisateur commence à faire glisser un <p> élément:
<p draggable="true" ondragstart="myFunction(event)">Drag me!</p>
Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement l' event attribut.
Attribut de l'événement | |||||
---|---|---|---|---|---|
ondragstart | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |