3.1. Comment les événements se produisent *
Dans le premier cas, l'utilisateur effectue certaines opérations sur la page Web, comme cliquer sur un bouton pour générer un événement de clic. Dans le deuxième cas, si l'utilisateur n'a pas fonctionné sur la page Web, un événement peut également se produire. Par exemple, le navigateur a chargé la page entière, qui générera un événement d'achèvement de charge. Une fois l'événement généré, le navigateur recherchera si le nœud qui a généré l'événement a lié le code de traitement d'événement correspondant. Si c'est le cas, le code est appelé pour le gérer. Sinon, le nœud parent continuera à être recherché vers le haut et il n'y a pas de code de traitement d'événement correspondant (bulles d'événements).
3.2. Code de traitement des événements de liaison **
1) Bond le code de traitement des événements à la balise HTML
Par exemple: <a id = "a1" href = "" onclick = "f1 ();"> cliquez sur </a>
2) Bond le code de traitement des événements au nœud DOM
var obj = document.getElementById ('a1'); obj.onclick = f1;
Avis:
un. N'ajoutez pas "()" à F1. L'ajout de "()" signifie que F1 est exécuté immédiatement.
né La liaison des lignes de fonction anonyme peut être utilisée.
C'est-à-dire: obj.onclick = function () {// code. }
c. Le code de traitement des événements de liaison au nœud DOM peut séparer complètement le code JS sans HTML, ce qui est pratique pour la maintenance du code.
d. Si vous souhaitez transmettre des paramètres à la fonction liée. Les fonctions anonymes peuvent être résolues.
C'est-à-dire: obj.onclick = function () {f (paramètre); }
3) Utilisez la propre méthode de liaison du navigateur (comprendre)
Différents navigateurs ont leurs propres méthodes de liaison uniques, et parce qu'ils sont incompatibles, essayez de les utiliser le moins possible.
Les scripts peuvent être écrits dans <body>
Équivalent à la figure suivante
Et si les paramètres sont passés? Utilisez des fonctions anonymes
[Cas 3.1] Code de traitement d'événement de liaison pour le haut de la balise HTML **
3.3. Objet de l'événement ***
1) Obtenez l'objet de l'événement
IE Browser: vous pouvez utiliser directement l'événement pour obtenir
Firefox: vous devez ajouter un événement de paramètre à la méthode
Généralement, afin d'être compatible avec IE et Firefox, ajoutez un événement de paramètre à la méthode.
2) Le rôle des objets d'événement
un. Obtenez les coordonnées du clic de la souris
event.clientx event.clienty
né Obtenez la source d'événement (l'objet qui a généré l'événement)
Firefox: event.target obtient un navigateur IE: event.srcelement obtient
3.4. Bulle d'événement **
1) Qu'est-ce que la bulle d'événements? Lorsqu'un événement est généré par un nœud, l'événement sera téléchargé vers le haut (d'abord vers le nœud parent, si le nœud parent a un nœud parent, puis téléchargez-le vers le haut).
2) Comment interdire les bulles? event.cancelbubble = true;
2) Le phénomène "Bubble d'événement" ferme la boîte de dialogue "Vous avez cliqué sur un lien" et continue d'apparaître la boîte de dialogue "Vous avez cliqué sur un div"
【Cas 3.4】 Objet d'événement **
<html>
<! - Objet de l'événement ->
--------------------------------------------------------------------------------------------------------------------------------
JS utilise des événements pour répondre aux opérations utilisateur.
Par exemple, l'opération effectuée sur une fenêtre de navigateur ou un élément de page Web (bouton, zone de texte ...) via la souris ou la touche est appelée un événement (événement).
Les actions d'une série de programmes déclenchés par la souris ou la cure de grosse ciel sont appelés chauffeur d'événements.
Un gestionnaire ou une fonction est utilisé pour gérer les événements, que nous appelons un gestionnaire d'événements (gestionnaire d'événements).
--------------------------------------------------------------------------------------------------------------------------------
Traitement de la compatibilité du navigateur
<script linguisse = "javascript"> <! - if (window.xmlhttprequest) {// mozilla, safari, ie7, ie8 if (! window.activexobject) {// mozilla, safari, alert ('mozilla, safari'); } else {alert ('ie7 .8'); }} else {alert ('ie6'); } // -> </ script>-------------------------------------------------------------------------------à suivre
Un événement nécessite plusieurs méthodes, vous pouvez l'utiliser et la séparer.
<entrée type = "bouton" value = "red" onclick = "mychange (this), sayhello ()" />
<body onkeydown = "showkey (événement)" onload = "ABC ()" onunLoad = "ABC2 ()">
L'article ci-dessus sur la méthode de compatibilité du navigateur du mécanisme motivé par des événements JS est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.