Ereignisse anrufen:
Ereignisobjekt
Was ist ein Ereignisobjekt? Ereignisse auf dem ausgelösten DOM generieren ein Ereignisobjektereignis. Wenn die Maus beispielsweise klickt, generieren Sie den Klicktyp und das Element, das Sie senden müssen.
Das DOM -Ereignisobjekttyp -Attribut wird verwendet, um das Ereignisobjekt zu erhalten. Das Zielattribut wird verwendet, um das Ereignisziel zu erhalten. Die StopPropagation () -Methode verhindert, dass das Ereignis sprudelt. Das Standardverhalten von PreventDefault blockiert das Ereignis.
Das Ereignisobjekttyp -Attribut in IE wird verwendet, um das Ereignisobjekt zu erhalten, und das Srcelement -Attribut wird verwendet, um das Ereignisziel -Abbrechen -Bubble -Attribut zu verhindern, um auf wahr eingestellte Ereignisblasen zu verhindern, um anzuzeigen, dass es falsch ist, dass es nicht blockiert wird.
Das Standardverhalten der ReturnValue -Eigenschaft zum Blockieren von Ereignissen ist auf False festgelegt, um die Blockierung anzuzeigen.
Die Codekopie lautet wie folgt:
// kompatibel mit dem Cross-Browser-Ereignisverarbeitung jedes Browsers --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
var eventHandle = {
// Element: Element, Typ: Klicken Sie auf Ereignis, Handle: Implementierte Methode
// Handle hinzufügen
AddEventHandle: Funktion (Element, Typ, Handler) {
if (element.addeventListener) {
Element.AdDeVentListener (Typ, Handler, Falsch); // --- false // repräsentiert die Blasendom2-Ebene
}
sonst if (element.attachEvent) {
Element.attacheAvent ("on"+Typ, Handler);
} anders {
Element ["on" + Typ] = Handler;
}
},
// Die Handhabung von Event -Event -Handlungen löschen
REMENDEVENTHANDLE: Funktion (Element, Typ, Handler) {
if (element.removeEventListener) {// Unterstützung von DOM2-Level-Ereignisverarbeitungstyp ist Onclick
Element.RemoveEventListener (Typ, Handler, Falsch); // --- falsch // repräsentiert Blasen
}
sonst if (element.detACHEvent) {
Element.DetACHEvent ("on"+Typ, Handler); // Unterstützung IE
} anders {
Element ["on" + type] = null; // DOM0 -Ebene Ereignis behandelt herkömmliche Klickereignisse
}
},
// Erhalten Sie alle Objekte, die mit dem Browser kompatibel sind
GetEvent: Funktion (Ereignis) {
Rückkehrereignis? Ereignis: window.event; // Was in der unteren Version des IE -Browsers benötigt wird, ist window.event
},
// Ist es ein Klick oder eine Maus, um den Ereignisart zu verschieben
GettType: Funktion (Ereignis) {
return event.type;
},
// Erhalten Sie das aktuelle Element
GetElement: Funktion (Ereignis) {
return event.target || event.srcelement;
},
// Das Standardverhalten der Blockierung von Ereignissen
: Funktion (Ereignis) {
if (event.preventDefault) {
Event.PreventDefault ();
}
anders {
Ereignis.ReturnValue = false;
}
},
// Stoppen Sie das Sprudeln von Ereignissen
StopPropagation: Funktion (Ereignis) {
if (Event.StopPropagation) {
Event.StopPropagation ();
}
anders {
event.cancelBubble = true;
}
}
}