Attribut d'événement ondragover en HTML
Exemple
Exécutez un script JavaScript lorsqu'un élément est en cours de glissement sur une cible de dépôt :
<div ondragover="myFunction(event)"></div> Définition et utilisation
L'attribut ondragover se déclenche lorsqu'un élément déplaçable ou une sélection de texte est en cours de glissement sur une cible de dépôt valide.
Par défaut, les données ou éléments ne peuvent pas être déposés dans d'autres éléments. Pour autoriser un dépôt, nous devons empêcher le traitement par défaut de l'élément. Cela se fait en appelant la méthode event.preventDefault() pour l'attribut ondragover.
Le glisser-déposer est une fonctionnalité très courante en HTML5. C'est lorsque vous "attrapez" un objet et le faites glisser vers un autre emplacement. Pour plus d'informations, consultez notre tutoriel HTML sur HTML5 Glisser et Déposer .
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) :
- 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 ondragover se déclenche toutes les 350 millisecondes.
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 | |||||
|---|---|---|---|---|---|
| ondragover | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
Syntaxe
< élément ondragover=" script "> Valeurs d'attribut
| Valeur | Description |
|---|---|
| script | Le script à exécuter lors de l'événement ondragover |
Détails techniques
| Balises HTML prises en charge : | TOUS les éléments HTML |
|---|
Pages connexes
Tutoriel HTML : HTML5 Glisser et Déposer
Référence HTML : Attribut HTML draggable
Référence DOM HTML : Événement ondragover