<HTML Attributs de l' événement
Exemple
Exécuter un script JavaScript quand un élément est glissé sur une cible de dépôt:
<div ondragover="myFunction(event)"></div> Essayez - le vous - même » Définition et utilisation
Le ondragover attribut se déclenche quand un élément déplaçable ou la sélection de texte est traîné sur une cible de dépôt valide.
Par défaut, les données / éléments ne peuvent pas être déposés dans d'autres éléments. Pour permettre une baisse, nous devons éviter le traitement par défaut de l'élément. Cela se fait en appelant le event.preventDefault() méthode de ondragover attribut.
Drag and drop est une caractéristique très courante en HTML5. Il est quand vous «prenez» un objet et faites-le glisser vers un autre emplacement. Pour plus d' informations, consultez notre tutoriel HTML sur HTML5 Drag and Drop .
Remarque: Pour faire un élément déplaçable, utiliser le HTML5 global draggable attribut.
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):
- ondragstart - se déclenche lorsque l'utilisateur commence à faire glisser un élément
- ondrag - se déclenche quand un élément est en cours de déplacement
- ondragend - se déclenche lorsque l'utilisateur a terminé en faisant glisser l'élément
- 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
Note: Lors du déplacement d' un élément, l'événement ondragover déclenche toutes les 350 millisecondes.
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 | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Différences entre HTML 4.01 et HTML5
Le ondragover attribut est nouvelle en HTML5.
Syntaxe
<elementondragover=" script ">
Attribut valeurs
| Valeur | La description |
|---|---|
| script | Le script à exécuter sur ondragover |
Détails techniques
| balises HTML prises en charge: | TOUS les éléments HTML |
|---|
Pages associées
Tutoriel HTML: Drag and Drop HTML5
HTML Référence: HTML Attribut draggable
HTML DOM Référence: ondragover Event