1. Modèle d'événement original
Ses types d'événements: divisés en "événements d'entrée (comme onclicki)" et "événements sémantiques (comme onSubmit)"
L'inscription des programmes d'événements peut être effectuée de la manière suivante:
1. Code JS comme valeur de propriété HTML
La copie de code est la suivante: <entrée type = "bouton" value = "Appuyez sur moi" onclick = "alert ('merci');"
2. Gérélateur d'événements comme attribut JS
Remarque: Chaque élément HTML du document a un objet JS correspondant dans l'arborescence de document. Les attributs de cet objet JS correspondent aux propriétés de cet élément HTML. Qu'il s'agisse du code JS de la nature HTML ou du gestionnaire de temps des attributs JS, ses propres attributs sont la fonction "fonction".
Copiez le code comme suit: <form name = "f1">
<input name = "b1" type = "bouton" value = "appuyez sur moi" />
</ form>
La première méthode d'affectation:
La copie de code est la suivante: document.f1.b1.onclick = function () {alert ('merci');};
La deuxième méthode d'affectation:
La copie de code est la suivante: fonction plaid () {window.status = "s'il vous plaît appuyez sur moi!";}
document.f1.bi.onmouseOver = plaida;
Les gestionnaires d'événements comme attributs JS peuvent être explicitement appelés avec des attributs JS
La copie de code est la suivante: document.myfrom.onsubmit ();
Le gestionnaire d'événements peut renvoyer Fale pour empêcher le navigateur d'effectuer les actions par défaut des événements, des opérations couramment utilisées telles que ONSUMMIT. L'exception est
Le blocage de l'événement d'affichage de la fenêtre.status de la souris hyperlienne est de retourner vrai. Par exemple:
Copiez le code comme suit: <a href = "help.htm" onMouseover = "window.status = 'help'; return true;"> help </a>
2. Modèle d'événement DOM2
Ce modèle est formulé en référence au modèle de bulle IE, qui est une spécification formulée par W3C. Dans le modèle d'origine, la poignée de l'événement est appelée directement une fois qu'un événement se produit, et il n'y a pas d'autre processus de propagation de l'événement. Dans le modèle DOM2, les événements ont un processus de propagation spécial, qui est divisé en trois étapes:
(1) Capturer la phase: l'événement est propagé du document à l'élément cible. Au cours de ce processus, si un élément d'ancêtre est intéressé par l'événement, vous pouvez enregistrer votre propre fonction de traitement.
(2) Phase cible: l'événement atteint l'élément cible et exécute la fonction de gestion de l'événement de l'élément cible.
(3) Phase bouillonnante: les événements s'élèvent de l'élément cible jusqu'au document. Bien que tous les types d'événements passeront par l'étape de la phase de captructure, seuls certains événements passeront par l'étape de la phase bouillonnante, par exemple, l'événement de soumission ne sera pas flotté.
Pendant l'ensemble du processus de propagation de l'événement, Event.Stoppropagation () peut être appelé pour arrêter la propagation de l'événement et empêcherDefault () peut être appelé pour bloquer le comportement par défaut du navigateur.
La copie de code est la suivante: AddEventListener ("EventType", "Handler", "True! False");
SuppiceEventListner ("EventType", "Handler", "True! False");
IE Modèle
Le modèle IE fournit également un objet d'événement qui résume les informations détaillées de l'événement, mais IE ne transmet pas l'objet dans la fonction de gestion de l'événement. Puisqu'il n'y aura qu'un seul événement à tout moment, c'est-à-dire le considère comme un attribut de la fenêtre d'objet global. Le mode de propagation des événements dans IE correspond aux deuxième et troisième étapes de DOM2. Tout d'abord, la fonction de traitement de l'élément cible est exécutée, puis le téléchargement atteint le document. Seuls les événements de la souris peuvent être capturés dans IE. Tous les événements peuvent être capturés dans DOM2. La méthode d'enregistrement et de suppression des fonctions de traitement des événements dans IE est également différente de DOM2.
L'enregistrement et la suppression des gestionnaires d'événements se font via le repos de l'élément ("EventType", "Handler") et Detachevent ("EventType", "Handler"). Contrairement à Dom2, EventType a un préfixe
Caractéristiques:
1. Le processus de propagation ne fait que des bulles et ne le capture pas. Méthode pour interrompre les bulles:
window.ecent.cancelbubble = true;
2. L'objet d'événement n'est pas un paramètre de fonction du gestionnaire d'événements, mais une variable globale de la fenêtre.
3. Fonctions d'enregistrement des événements: attachEvent () et anti-inscription: Detachevent ().
4. Modèle d'événement NetScape4
Étant donné que Netscape semble avoir complètement cessé de se développer, je ne l'expliquerai pas en détail. Autrement dit, il attrape et ne bouillonne pas.
Ce qui précède est une introduction de base au modèle d'événement JavaScript. J'espère que cela pourra vous donner une référence et j'espère que vous pourrez soutenir Wulin.com plus.