Derniers tutoriels de développement web
 

HTML ondragenter Attribut de l'événement

<HTML Attributs de l' événement

Exemple

Exécuter un script JavaScript quand un élément déplaçable entre une cible de dépôt:

<div ondragenter="myFunction(event)"></div>
Essayez - le vous - même »

Définition et utilisation

Le ondragenter attribut se déclenche quand un élément déplaçable ou sélection de texte entre dans une cible de dépôt valide.

Le ondragenter et les événements OnDragLeave peuvent aider l'utilisateur à comprendre qu'un élément déplaçable est sur le point d'entrer ou de sortir une cible de dépôt. Cela peut être fait, par exemple, la définition d'une couleur d'arrière-plan lorsque l'élément glissable pénètre dans la cible de dépôt et le retrait de la couleur lorsque l'élément est déplacé hors de la cible.

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

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

Différences entre HTML 4.01 et HTML5

Le ondragenter attribut est nouvelle en HTML5.


Syntaxe

<elementondragenter=" script ">

Attribut valeurs

Valeur La description
script Le script à exécuter sur ondragenter

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: Event ondragenter


<HTML Attributs de l' événement