Objet de l'événement: (L'objet de l'événement est une propriété de l'objet Window. Lorsqu'un événement se produit, l'objet de l'événement est généré en même temps. L'événement se termine et l'objet de l'événement disparaît)
C'est-à-dire: window.event; // obtenir un objet
Dans DOM: Argument [0]; // Get Object
Méthodes d'attribut communes pour les objets d'événement dans IE:
1.Clientx: Lorsque l'événement se produit, la coordonnée X du pointeur de la souris dans la zone client (exclusion des barres d'outils, des barres de défilement, etc.);
2.Clienty: Lorsqu'un événement se produit, la coordonnée Y du pointeur de la souris dans la zone client (exclusion des barres d'outils, des barres de défilement, etc.);
3.Keycode: Pour l'événement Keycode, il indique le caractère Unicode de la touche pressée, et pour l'événement de la touche / keyup, il indique que le clavier appuyé est un indicateur numérique (obtient la valeur de la touche);
4.offsetx: la coordonnée x du pointeur de souris par rapport à l'objet qui a provoqué l'événement;
5.Offsety: la coordonnée y du pointeur de souris par rapport à l'objet qui a provoqué l'événement;
6.Srcelement: L'élément qui provoque l'événement se produit;
Méthodes d'attribut communes pour les objets d'événement dans DOM:
1.ClientX;
2.Clienty;
3.Pagex; la coordonnée x du pointeur de la souris par rapport à la page;
4.Pagey; la coordonnée y du pointeur de souris par rapport à la page;
5.Stoppropagation: appeler cette méthode peut empêcher une propagation supplémentaire des événements (bouillonnement);
6.Target: élément / objet d'événement déclenché;
7.Type: le nom de l'événement;
Les similitudes et les différences entre deux objets d'événement :
Similitudes:
1. Obtenez le type d'événement;
2. Obtenez le code du clavier (événement Keydown / Keyup);
3. Détection Shift, Alt, Ctrl;
4. Obtenez les coordonnées de la zone client;
5. Obtenir des coordonnées d'écran;
Différences:
1. Obtenez la cible;
// ie: var otarget = oevent.srcelement;
// DOM: var otarget = oevent.target;
2. Obtenez le code de caractère;
// ie: var icharcode = oevent.KeyCode;
// Dom: var iCharcode = oevent.Charcode;
3. Le comportement par défaut du blocage des événements;
// ie: oevent.returnvalue = false;
// Dom: Oevent.PreventDefault;
4. Arrêtez de bouillonner:
//Ie:oevent.cancelbubble=true;
//Dom:oevent.stoppropagation
Type d'événement:
1. Événement de souris:
OnMouseover: Lorsque la souris est déplacée;
OnMouseout: lorsque la souris est déplacée;
OnMoudown: lorsque la souris est pressée;
OnMouseup: lorsque la souris est soulevée;
onClick: lors du clic sur le bouton gauche de la souris;
ondblclick: en double-cliquez sur le bouton gauche de la souris;
2. Événements du clavier:
onkeydown: se produit lorsque l'utilisateur appuie sur une touche du clavier;
onkeyup: se produit lorsque l'utilisateur libère une touche pressée;
DES VIEUX: lorsque l'utilisateur continue d'appuyer sur la touche;
Événements de trois.html:
Onload: lors du chargement de la page;
onunload: lors de la désinstallation de la page;
Aborte: Si l'utilisateur n'a pas été entièrement reproduit avant la fin du processus de chargement, l'événement d'abandon se produira s'il n'a pas été complètement reproduit.
Erreur: l'événement généré lorsqu'une erreur se produit dans JavaScript;
SELECT: L'événement SELECT déclenché lorsque l'utilisateur sélectionne un caractère dans une entrée ou un textarea
Modification: Dans une entrée ou une textaria, lorsqu'elle perd la focalisation, l'événement de modification est déclenché dans SELECT
Soumettre: Lorsque le formulaire est soumis, l'événement de soumission est déclenché;
Réinitialiser: réinitialiser
Redimensionner: l'événement déclenché lorsque la fenêtre ou le cadre est redimensionné;
Scroll: événements tirés lorsque l'utilisateur défile ou dispose de barres de défilement;
Focus: lorsque l'accent est perdu;
Blur: Lorsque vous obtenez une concentration;
Modèle d'événement JavaScript
1. Modèle d'événement JavaScript: 1. Type de bulle: <Type d'entrée = "Button"> Lorsque l'utilisateur clique sur le bouton: Input-body-html-Document-Window (bulle du bas en haut), c'est-à-dire que le navigateur utilise simplement Bubble
2.
Après la normalisation de l'ECMA, les autres navigateurs prennent en charge deux types et la capture se produit en premier.
2. Trois façons d'écrire des événements traditionnels:
1. <entrée type = "bouton" onclick = "alert ('helloworld!')">
2. <input type = "Button onClick = name1 ()"> ===== <Script> Fonction Name1 () {alert ('Helloword!');} </cript> // Fonction Name
3. <entrée type = "bouton" id = "input1"> // fonction anonyme
La copie de code est la suivante:
<cript>
Var button1 = document.getElementById ("input1");
Button1.OnClick = Funtion () {
alert ('Helloword!')
}
</cript>
3. Méthode d'écriture des événements modernes:
La copie de code est la suivante:
<entrée type = "bouton" id = "input1"> // ajouter des événements dans IE
<cript>
var fnclick () {
alerte ("j'ai été cliqué")
}
var oinput = document.getElementById ("input1");
Oinput.Attachevent ("onclick", fnclick);
--------------------------------------
Oinput.Detachevent ("OnClick", fnclick); // Supprimer l'événement dans IE
</cript>
La copie de code est la suivante:
<input type = "bouton" id = "input1"> // ajouter des événements dans DOM
<cript>
var fnclick () {
alerte ("j'ai été cliqué")
}
var oinput = document.getElementById ("input1");
Oinput.addeventListener ("onClick", fnclick, true);
--------------------------------------
Oinput.RemoveEventListener ("OnClick", fnclick); // Supprimer l'événement dans DOM
</cript>
La copie de code est la suivante:
<entrée type = "bouton" id = "input1"> // compatible avec les événements d'addition IE et DOM
<cript>
var fnclick1 = function () {alert ("j'ai été cliqué")}
var fnclick2 = function () {alert ("j'ai été cliqué")}
var oinput = document.getElementById ("input1");
if (document.attachevent) {
Oinput.Attachevent ("onclick", fnclick1)
Oinput.Attachevent ("onclick", fnclick2)
}
else (document.addeventListener) {
Oinput.addeventListener ("Click", fnclick1, true)
Oinput.addeventListener ("Click", fnclick2, true)
}
</cript>