Appel d'événements:
Objet de l'événement
Qu'est-ce qu'un objet d'événement? Les événements sur le DOM déclenché généreront un événement d'objet d'événement. Par exemple, lorsque la souris clique, vous générerez le type de clic et l'élément dont vous avez besoin pour l'envoyer.
L'attribut de type d'objet d'événement DOM est utilisé pour obtenir l'objet d'événement, l'attribut cible est utilisé pour obtenir la cible de l'événement, la méthode stopPropagation () empêche l'événement de bouillonner. Le comportement par défaut d'EmptiserDefault bloque l'événement.
L'attribut de type d'objet d'événement dans IE est utilisé pour obtenir l'objet d'événement, et l'attribut SRCElement est utilisé pour obtenir l'attribut de cible de cible de cible d'événement est utilisé pour empêcher les bulles d'événements définies sur TRUE pour indiquer qu'il est bloqué faux signifie qu'il ne bloque pas.
Le comportement par défaut de la propriété returnValue pour bloquer les événements est défini sur false pour indiquer le blocage.
La copie de code est la suivante:
// compatible avec le traitement d'événements croisés de chacun de chacun navigateur--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var eventHandle = {
// élément: élément, type: cliquez sur l'événement, manche: méthode implémentée
// Ajouter la poignée
addEventHandle: fonction (élément, type, gestionnaire) {
if (element.addeventListener) {
element.addeventListener (type, gestionnaire, false); // --- false // représente le niveau de bulle DOM2
}
else if (element.attachevent) {
element.Attachevent ("ON" + type, gestionnaire);
} autre {
élément ["on" + type] = handler;
}
},
// Supprimer la gestion des événements de poignée ne fonctionne pas
retireEventHandle: fonction (élément, type, gestionnaire) {
if (element.reMoveEventListener) {// Prise en charge du type de traitement d'événements de niveau DOM2 est onClick
element.reMoveEventListener (type, gestionnaire, false); // --- false // représente la bulle
}
else if (element.detachevent) {
element.detachevent ("ON" + type, gestionnaire); // Soutien IE
} autre {
élément ["on" + type] = null; // l'événement de niveau DOM0 gère les événements de clic traditionnel
}
},
// Obtenez tous les objets compatibles avec le navigateur
getEvent: fonction (événement) {
événement de retour? Événement: Window.Event; // ce qui est nécessaire dans la version inférieure du navigateur IE est Window.Event
},
// est-ce un clic ou une souris pour déplacer le type d'événement
getType: fonction (événement) {
return event.ype;
},
// Obtenez l'élément actuel
getElement: fonction (événement) {
return event.target || event.srcelement;
},
// Le comportement par défaut du blocage des événements
: fonction (événement) {
if (event.preventDefault) {
event.PreventDefault ();
}
autre {
event.ReturnValue = false;
}
},
// Arrête le bouillonnement des événements
stopPropagation: fonction (événement) {
if (event.stoppropagation) {
event.stoppropagation ();
}
autre {
event.cancelbubble = true;
}
}
}