Ereignisse sind das schlagende Herz von JavaScript -Anwendungen und der Klebstoff, der alles zusammenklebt. Das Ereignis tritt auf, wenn wir bestimmte Arten von Interaktionen mit den Webseiten im Browser haben. Ereignisse können ein Benutzer sein, der auf bestimmte Inhalte klickt, eine Maus durch ein bestimmtes Element verläuft oder bestimmte Tasten auf der Tastatur drückt. Ereignisse können auch etwas in einem Webbrowser sein, z. B. ein bestimmtes Webseiten -Laden oder der Benutzer scrollt das Fenster oder ändert die Fenstergröße.
Durch die Verwendung von JavaScript können Sie bestimmte Ereignisse anhören und angeben, dass bestimmte Ereignisse als Antwort auf sie auftreten.
1. Ereignishörer hinzufügen
Dh:
Kopieren Sie den Code wie folgt: AttachEvent ("Onclick", function () {...}) // hinzufügen
detacheEvent ("onclick", function () {...}) // löschen
Ff:
Die Codekopie lautet wie folgt: addEventListener ("klicken", function () {...}, false)
// Sie können ein Objekt mehrerer Ereignisse hinzufügen, das sich vom Standardobjektereignis unterscheidet
REMENDEVENTLISTENNER ("Click", function () {...}, Falsch)
2. Ermitteln Sie das Ereignisobjekt
Dh:
Die Codekopie lautet wie folgt: op.onclick = function () {
ver oevent = window.event; // als Eigenschaft des Fensters
}
Ff:
Die Codekopie lautet wie folgt: op.onclick = function (oevent) {
.... // Kontrolle durch Übergeben von Parametern
}
Allgemein:
Die Codekopie lautet wie folgt: op.onclick = function (oevent) {
if (window.event) {
oEvent = window.event;
}
}
// Es wird in Echtzeit erhalten, aber die Eigenschaften und Methoden ihrer Rückkehrobjekte sind nicht konsistent, aber sie können mit EventUtil gelöst werden!
var eventUtil = neues Objekt;/** //*Mit dieser Methode wird Ereignisse zu einem bestimmten Objekt hinzugefügt. Otarget ist das angegebene Objekt, SeventType ist der Ereignistyp, wie z. fnhandler, falsch); } // dh sonst if (otarget.attachEvent) {otarget.attachEvent ("on" + seventType, fnhandler); } else {otarget ["on" + seventType] = fnhandler; }};/* Diese Methode wird verwendet, um bestimmte Ereignisse eines bestimmten Objekts zu entfernen. Otarget ist das angegebene Objekt, SeventType ist der Ereignistyp, wie z. } else if (otarget.detACHEvent) {otarget.detACHEvent ("on" + siebtype, fnhandler); } else {otarget ["on" + seventType] = null; }};/*Formatereignisse, da IE und andere Browser Ereignisse anders erhalten und die Eigenschaften von Ereignissen auch unterschiedlich sind, liefert diese Methode ein konsistentes Ereignis*/eventUtil.formateVent = function (oEvent) {// isie und iswin beziehen sich auf eine JS -Datei, um den Browser und den Betriebssystem zu bestimmen. "Schlüsseldruck")? Oevent.KeyCode: 0; // dh unterstützt nur Blasen und unterstützt die Erfassung von oEvent.EventPhase = 2 nicht; oevent.ischar = (oevent.charcode> 0); oevent.pagex = oevent.clientX + document.body.scrollleft; oevent.pagey = oevent.clienty + document.body.scrolltop; // Standardverhalten der Blockierung von Ereignissen oevent.pventdefault = function () {this.returnValue = false; }; // Die Toelement umwandeln, von der Auswahl in Standard -RelatedTarget if (oevent.type == "Mausout") {oevent.relatedTarget = oevent.telement; } else if (oevent.type == "mouseover") {oevent.relatedTarget = oevent.fromelement; } // bubbling oevent.stoppropagation = function () {this.cancelBubble = true; }; oevent.target = oevent.srcelement; // Ereignisvorkommenszeitattribut hinzufügen, IE hat nicht oevent.time = (neues Datum) .getTime (); } return oevent; }; EventUtil.getEvent = function () {if (window.event) {// Format, dh Ereignisse return this.formateEvent (window.event); } else {return eventUtil.getEvent.caller.Arguments [0]; }}; /** Eine JS -Datei beigefügt, die den Browser- und Systemtyp beurteilt. Durch die Einführung einiger globaler Variablen mit offensichtlichen Namen als Ergebnis des Urteils müssen Sie bei Verwendung: */var suseragent = navigator.useragent; var fappversion = parsefloat (navigator.appversion) achten. var aversion2 = sversion2.Split ("."); if (aversion1.length> aversion2.Length) {für (var i = 0; i <aversion1.length - aversion2.Length; i ++) {aversion2.push ("0"); }} else if (aversion1.length <aversion2.Length) {für (var i = 0; i <aversion2.Length - aversion1.length; i ++) {aversion1.push ("0"); }} für (var i = 0; i <aversion1.length; i ++) {if (aversion1 [i] <aversion2 [i]) {return -1; } else if (aversion1 [i]> aversion2 [i]) {return 1; }} return 0;} var isopera = suseragent.indexof ("Opera")> -1; var isminopera4 = isminopera5 = isminopera6 = isminopera7 = isminopera7_5 = false; if (isopera) {var foperaversion; if (Navigator.Appname == "Opera") {fOperaversion = fappversion; } else {var Reopersion = new Regexp ("Opera (//d+//./d+)"); Reoperaversion.test (Suseragent); fOperaversion = parsefloat (regexp ["$ 1"]); } isminopera4 = foperaversion> = 4; Isminopera5 = FOPERAVERSION> = 5; isminopera6 = fOperaversion> = 6; isminopera7 = fOperaversion> = 7; isminopera7_5 = fOperaversion> = 7.5;} var iskhtml = suseragent.indexof ("khtml")> -1 || suseragent.indexof ("Konqueror")> -1 || suseragent.indexof ("Applewebkit")> -1; var isMinsAfari1 = isMinsAfari1_2 = false; var isminkonq2_2 = isminkonq3 = isminkonq3_1 = isminkonq3_2 = false; if (iSkhtml) {issafari = sseragent.indexof ("Applewebkit")> -1; Iskonq = suseragent.indexof ("Konqueror")> -1; if (issAfari) {var ReappleWebkit = new Regexp ("Applewebkit /// (// d+(?: //./d*)?)"); reapplewebkit.test (suseragent); var fapplewebkitversion = parsefloat (regexp ["$ 1"]); isMinsafari1 = fappleWebkitversion> = 85; isMinsAfari1_2 = fappleWebkitversion> = 124; } else if (isKonq) {var rekonq = new regexp ("Konqueror /// (// d+(?: //./d+ (?: //./d)?)?)"); Rekonq.Test (Suseragent); isminkonq2_2 = compareversions (regexp ["$ 1"], "2.2")> = 0; isminkonq3 = compareversions (regexp ["$ 1"], "3.0")> = 0; isminkonq3_1 = compareversions (regexp ["$ 1"], "3.1")> = 0; isminkonq3_2 = compareversions (regexp ["$ 1"], "3.2")> = 0; }} var isie = suseragent.indexof ("kompatibel")> -1 && suseragent.indexof ("msie")> -1 &&! isopera; var isminie4 = isMinie5 = isMinie5_5 = isminie6 = false; if (isie) {var reie = new Regexp ("MSIE (//d+//./d+);"); Reie.test (Suseragent); var fieversion = parsefloat (regexp ["$ 1"]); isMinie4 = fieversion> = 4; isminie5 = fieversion> = 5; isminie5_5 = fieversion> = 5,5; isminie6 = fieversion> = 6.0;} var ismoz = suseragent.indexof ("Gecko")> -1 &&! Regexp ("RV: (//d+//./d+ (?: //./D+)?)"); remoz.test (suseragent); isminmoz1 = compareversions (regexp ["$ 1"], "1,0")> = 0; isminmoz1_4 = compareversions (regexp ["$ 1"], "1,4")> = 0; isminmoz1_5 = compareversions (regexp ["$ 1"], "1,5")> = 0;} var isns4 =! Isie &&! Isopera &&! Ismoz &&! Iskhtml && (Suseragent.indexof ("M. && fappversion <5.0); var isMinns4 = isMinns4_5 = isMinns4_7 = isMinns4_8 = false; if (isns4) {isMinns4 = true; isMinns4_5 = fappversion> = 4,5; isMinns4_7 = fappversion> = 4,7; isMinns4_8 = fappversion> = 4.8;} var iswin = (navigator.platform == "Win32") || (Navigator.Platform == "Windows"); var ismac = (navigator.platform == "mac68k") || (Navigator.Platform == "macppc") || (Navigator.platform == "macintosh"); var isunix = (navigator.platform == "x11") &&! isMinsunos5 = isMinsunos5_5 = false; if (iswin) {iswin95 = suseragent.indexof ("Win95")> -1 || suseragent.indexof ("Windows 95")> -1; iswin98 = suseragent.indexof ("Windows 98")> -1 || suseragent.indexof ("Windows 98")> -1; iswinme = suseragent.indexof ("Windows 98")> -1 || Suseragent.Indexof ("Windows Me")> -1; iswin2k = suseragent.indexof ("Windows NT 5.0")> -1 || suseragent.indexof ("Windows 2000")> -1; iswinxp = suseragent.indexof ("Windows NT 5.1")> -1 || suseragent.indexof ("Windows XP")> -1; iswinnnt4 = suseragent.indexof ("Windows nt")> -1 || suseragent.indexof ("Windows nt")> -1 || suseragent.indexof ("Windows nt")> -1 || suseragent.indexof ("windows nt4.0")> -1 && (! iswinme &&! iswin2k &&! suseragent.indexof ("68k")> -1; ismacppc = suseragent.indexof ("mac_powerpc")> -1 || suseragent.indexof ("ppc")> -1; } if (isunix) {issunos = suseragent.indexof ("sunos")> -1; if (issunos) {var resunos = new regexp ("sunos (//d+//./d+(?://./d+)?)"); Resunos.test (Suseragent); isMinsunos4 = compareversions (regexp ["$ 1"], "4.0")> = 0; IsMinsunos5 = Comparesversions (regexp ["$ 1"], "5.0")> = 0; isMinsunos5_5 = compareversions (regexp ["$ 1"], "5,5")> = 0; }}Das obige ist das JS -Event -Handling. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.