Comment utiliser les événements en HTML

Les événements sont souvent déclenchés par les opérations du client ou les fonctions du navigateur. Des événements spécifiques peuvent également être déclenchés à tout moment à l'aide de JS. Cette fois, je vais vous parler des idées d'événements couramment utilisées en HTML

Simulation d'événements dans DOM

Utilisez la méthode createEvent() sur l'objet document pour créer un objet événement. Le paramètre est une chaîne du type d'événement à créer.

DOM2 : toutes les chaînes utilisent la forme plurielle anglaise DOM3 : Singulier UIEvents : événements d'interface utilisateur (les événements de souris et de clavier sont hérités des événements d'interface utilisateur) MouseEvents : événements de souris MutationEvents : événements de modification du DOM HTMLEvents : utilisation et événements d'événements HTML Les informations sur son initialisation déclenchent des événements. Utilisez la méthode dispatchEvent() et le paramètre est l'objet événement qui a déclenché l'événement. Tous les nœuds DOM qui prennent en charge les événements prennent en charge cette méthode

Simuler les événements de la souris

L'objet renvoyé après la création de l'objet a une méthode initMouseEvent(), Utilisé pour spécifier les informations relatives à cet événement de souris. Cette méthode reçoit 15 paramètres, qui correspondent à chaque attribut typique de l'événement souris.

var event=document.createEvent("MouseEvents");
event.initMouseEvent("click",true,true,document.defaultView,0,0,0,0,0,false,false,false,false,0,null);
btn.dispatchEvent(event);

Simuler les événements du clavier

L'objet renvoyé après la création de l'objet a une méthode initKeyEvent(). DOM3 stipule qu'un événement clavier peut être créé en appelant createEvent("keyboardEvent"). Dans Firefox, appelez createEvent("keyEvents")

Dans d'autres navigateurs, vous devez créer un événement général, puis ajouter des informations spécifiques à l'événement clavier à l'objet événement.

var event=document.createEvent("Events");
event.initEvent(type,bubbles,cancelable);
event.view=document.defaultView;
...
textbox.dispatchEvent(event);

Événements DOM personnalisés

Les événements personnalisés ne sont pas déclenchés nativement par le DOM, leur but est de permettre aux développeurs de créer leurs propres événements. Pour créer un nouvel événement personnalisé, vous pouvez appeler createEvent("CustomEvent"). L'objet renvoyé possède une méthode initCustomEvent().

Simulation temporelle sous IE

Idée : créez d'abord l'objet événement, puis pointez sur l'information correspondante, puis déclenchez la création : document.createEventObject(), ne reçoit pas de paramètres, le résultat renverra un objet événement générique. Ajoutez toutes les informations manuellement. Appelez la méthode fireEvent() sur la cible. Paramètres : Traitement des événementsNom du programme et objet événement, les attributs srcElement et type seront automatiquement ajoutés à l'objet événement

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour un contenu plus passionnant. , veuillez faire attention à php Chinois Autres articles connexes en ligne !

Lecture connexe :

Introduction détaillée aux règles d'imbrication des balises HTML5

Introduction détaillée à l'objet FormData en HTML

Explication graphique et textuelle détaillée de l'API postMessage dans H5

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!