Acara adalah jantung dari aplikasi JavaScript dan lem yang menempelkan semuanya bersama -sama. Peristiwa terjadi ketika kami memiliki jenis interaksi tertentu dengan halaman web di browser. Acara dapat berupa pengguna mengklik konten tertentu, mouse yang melewati elemen tertentu, atau menekan tombol tertentu pada keyboard. Acara juga dapat menjadi sesuatu yang terjadi di browser web, seperti pemuatan halaman web tertentu, atau pengguna menggulir jendela atau mengubah ukuran jendela.
Dengan menggunakan JavaScript, Anda dapat mendengarkan peristiwa tertentu dan menentukan bahwa peristiwa tertentu terjadi sebagai respons terhadapnya.
1. Tambahkan acara mendengarkan
YAITU:
Salin kode sebagai berikut: attachEvent ("onClick", function () {...}) // Tambahkan
detachevent ("onClick", function () {...}) // hapus
Ff:
Salinan kode adalah sebagai berikut: AddEventListener ("klik", function () {...}, false)
// Anda dapat menambahkan beberapa acara mendengarkan satu objek, yang berbeda dari acara objek default
hapuseventListenner ("klik", function () {...}, false)
2. Dapatkan objek acara
YAITU:
Salinan kode adalah sebagai berikut: op.onClick = function () {
ver oevent = window.event; // sebagai milik jendela
}
Ff:
Salinan kode adalah sebagai berikut: op.onClick = function (oevent) {
.... // Kontrol dengan meneruskan parameter
}
Umum:
Salinan kode adalah sebagai berikut: op.onClick = function (oevent) {
if (window.event) {
oevent = window.event;
}
}
// Ini diperoleh secara real time, tetapi sifat dan metode objek pengembalian mereka tidak konsisten, tetapi mereka dapat diselesaikan dengan menggunakan Eventutil!
var eventutil = objek baru;/** //*Metode ini digunakan untuk menambahkan peristiwa ke objek tertentu. Otarget adalah objek yang ditentukan, SeventType adalah jenis peristiwa, seperti klik, keydown, dll. FNHandler adalah fungsi callback acara*/eventutil.addeventhandler = function (Otarget, SeventType, fnhandler) {// Dalam kasus firefox (OTarget.Addeventenerer) {{{oTargeterer (OTarget.Addeventener) {{{oTargetener) {{oTargetener) {{oTargetener) {{oTargetener) {{oTargetener) {adenerer) {adenerer) { PALSU); } // IE lain if (otarget.attachevent) {otarget.attachevent ("on" + SeventType, fnhandler); } else {otarget ["on" + SeventType] = fnhandler; }};/* Metode ini digunakan untuk menghapus peristiwa tertentu dari objek tertentu. Otarget adalah objek yang ditentukan, SeventType adalah jenis peristiwa, seperti klik, keydown, dll. FNHandler adalah fungsi callback acara*/ eventutil.removeeventhandler = fungsi (otarget, SeventType, fnhandler) {if (otargeterenereerererererer, oMremeVentEple) {otargererer, oMovEvenerer (OTARGEVEEVEVENTER) {OTARGLER) {OTARGLISTERE) {OTARGLISTER) {OTARGLISTER) {OTARGLISTER) {OTARGLISTER) {OTARGLISTE) } else if (otarget.detachevent) {otarget.detachevent ("on" + SeventType, fnhandler); } else {otarget ["on" + SeventType] = null; }};/*Peristiwa format, karena IE dan browser lainnya mendapatkan acara secara berbeda dan sifat -sifat peristiwa juga berbeda, metode ini menyediakan peristiwa yang konsisten*/eventutil.FormatEvent = fungsi (oevent) {// isie dan iswin merujuk ke file js untuk menentukan browser dan sistem operasi if (iSie & iSwin) {oevent. "Keypress")? oevent.keycode: 0; // IE hanya mendukung gelembung dan tidak mendukung penangkapan oevent.eventphase = 2; oevent.ischar = (oevent.charcode> 0); oevent.pagex = oevent.clientx + document.body.scrollleft; oevent.pagey = oevent.clienty + document.body.scrolltop; // Perilaku default dari penghapusan peristiwa oevent.preventdefault = function () {this.returnValue = false; }; // Konversi Toelement, FromeLement menjadi Standard RelatiedTarget if (oevent.type == "mouseout") {oevent.relatedTarget = oevent.toElement; } else if (oevent.type == "mouseOver") {oevent.relatedTarget = oevent.fromElement; } // Batalkan gelembung oevent.stoppropagation = function () {this.cancelbubble = true; }; oevent.target = oevent.srcelement; // Tambahkan atribut waktu kejadian acara, IE tidak memiliki oevent.time = (tanggal baru) .getTime (); } return oevent; }; Eventutil.getEvent = function () {if (window.event) {// format IE Acara mengembalikan this.FormatEvent (window.event); } else {return eventutil.getevent.caller.arguments [0]; }}; /** Melampirkan file JS yang menilai browser dan jenis sistem. By introducing some global variables with obvious names as the result of judgment, you need to be careful of variable name conflicts when using: */var sUserAgent = navigator.userAgent;var fAppVersion = parseFloat(navigator.appVersion);function compareVersions(sVersion1, sVersion2) { var aVersion1 = sVersion1.split("."); var aversion2 = sversion2.split ("."); if (aversion1.length> aversion2.length) {for (var i = 0; i <aversion1.length - aversion2.length; i ++) {aversion2.push ("0"); }} lain jika (aversion1.length <aversion2.length) {for (var i = 0; i <aversion2.length - aversion1.length; i ++) {aversion1.push ("0"); }} untuk (var i = 0; i <aversion1.length; i ++) {if (aversion1 [i] <aversion2 [i]) {return -1; } lain jika (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 foperversion; if (navigator.appname == "opera") {foperaversion = fappversion; } else {var reoperaversion = baru 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 = suseragent.indexof ("appleWebkit")> -1; iskonq = suseragent.indexof ("konqueror")> -1; if (issafari) {var reLEPLEWEWEBKIT = regexp baru ("appleWebkit /// (// d+(?: //.//d*)?)"); reappleWebkit.test (Suseragent); var fappleWebKitversion = parsefloat (regexp ["$ 1"]); isMinsafari1 = fappleWebKitVersion> = 85; isMinsafari1_2 = fappleWebKitversion> = 124; } else if (isKonq) {var rekonq = baru 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 = regexp baru ("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 &&! iskhtml; var isMinMoz1 = sminmoz1_4 = isminmoz1_5 = false; ifoz) {var remoz = 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 &&! 4.0 && 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") && !isWin && !isMac;var isWin95 = isWin98 = isWinNT4 = isWin2K = isWinME = isWinXP = false;var isMac68K = isMacPPC = false;var isSunOS = isMinSunOS4 = 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; iswinnt4 = suseragent.indexof ("windows nt")> -1 || Suseragent.indexof ("Windows NT")> -1 || Suseragent.indexof ("Windows NT")> -1 || suseragent.indexof ("windows nt4.0")> -1 && (! iswinme &&! iswin2k &&! iswinxp);} if (isMac) {isMac68k = suseragent.indexof ("mac_68000")> -1 || 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 = baru regexp ("sunos (//d+//.//d+(?:////d+)?)"); resunos.test (Suseragent); isMinsunos4 = CompareVersions (RegExp ["$ 1"], "4.0")> = 0; isMinsunos5 = CompareVersions (RegExp ["$ 1"], "5.0")> = 0; isMinsunos5_5 = CompareVersions (RegExp ["$ 1"], "5.5")> = 0; }}Di atas adalah penanganan acara JS. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.