3.1. Bagaimana peristiwa terjadi*
Dalam kasus pertama, pengguna melakukan operasi tertentu di halaman web, seperti mengklik tombol untuk menghasilkan acara klik. Dalam kasus kedua, jika pengguna belum beroperasi di halaman web, suatu peristiwa juga dapat terjadi. Misalnya, browser telah memuat seluruh halaman, yang akan menghasilkan acara penyelesaian beban. Setelah acara dihasilkan, browser akan mencari apakah simpul yang menghasilkan acara telah mengikat kode pemrosesan acara yang sesuai. Jika demikian, kode dipanggil untuk menanganinya. Jika tidak, node induk akan terus dicari ke atas, dan tidak ada kode pemrosesan acara yang sesuai (gelembung acara).
3.2. Kode pemrosesan acara yang mengikat **
1) Bind Kode Pemrosesan Acara ke Tag HTML
Misalnya: <a id = "a1" href = "" onclick = "f1 ();"> klik </a>
2) Bind Kode Pemrosesan Acara ke Node DOM
var obj = document.geteLementById ('a1'); obj.onClick = f1;
Melihat:
A. Jangan menambahkan "()" ke F1. Menambahkan "()" berarti bahwa F1 dieksekusi segera.
B. Ikatan baris fungsi anonim dapat digunakan.
Yaitu: obj.onClick = function () {// kode. }
C. Kode pemrosesan acara yang mengikat ke simpul DOM dapat sepenuhnya memisahkan kode JS tanpa HTML, yang nyaman untuk pemeliharaan kode.
D. Jika Anda ingin meneruskan parameter ke fungsi terikat. Fungsi anonim dapat diselesaikan.
Yaitu: obj.onClick = function () {f (parameter); }
3) Gunakan metode pengikatan browser sendiri (mengerti)
Browser yang berbeda memiliki metode ikatan unik mereka sendiri, dan karena mereka tidak kompatibel, cobalah untuk menggunakannya sesedikit mungkin.
Script skrip dapat ditulis di <dody>
Setara dengan gambar berikut
Bagaimana jika parameter dilewatkan? Gunakan fungsi anonim
[Kasus 3.1] Kode pemrosesan acara yang mengikat ke tag HTML teratas **
3.3. Objek acara ***
1) Dapatkan objek acara
IE Browser: Anda dapat langsung menggunakan acara untuk mendapatkan
Firefox: Anda harus menambahkan acara parameter ke metode ini
Secara umum, agar dapat kompatibel dengan IE dan Firefox, tambahkan acara parameter ke metode ini.
2) Peran objek acara
A. Dapatkan koordinat klik mouse
event.clientx event.clienty
B. Dapatkan sumber acara (objek yang menghasilkan acara)
firefox: event.target mendapat browser: event.srcelement gets
3.4. Acara gelembung **
1) Apa itu gelembung acara? Ketika suatu acara dihasilkan oleh sebuah node, acara akan diunggah ke atas secara bergantian (pertama ke simpul induk, jika node induk memiliki node induk, lalu unggah ke atas).
2) Bagaimana cara melarang gelembung? event.cancelbubble = true;
2) Fenomena "Event Bubble" menutup kotak dialog "Anda mengklik tautan", dan terus memunculkan kotak dialog "Anda mengklik div"
【Kasus 3.4】 Objek Acara **
<Html>
<!-Objek acara->
-----------------------------------------------------------------------------------------------------------------------------
JS menggunakan acara berbasis untuk merespons operasi pengguna.
Misalnya, operasi yang dilakukan pada jendela browser atau elemen halaman web (tombol, kotak teks ...) melalui mouse atau kunci disebut acara (acara).
Tindakan serangkaian program yang dipicu oleh mouse atau hotkey disebut driver acara.
Penangan atau fungsi digunakan untuk menangani acara, yang kami sebut event handler (event handler).
-----------------------------------------------------------------------------------------------------------------------------
Pemrosesan Kompatibilitas Browser
<script language = "javaScript"> <!- if (window.xmlHttpRequest) {// mozilla, safari, ie7, ie8 if (! window.activexObject) {// mozilla, safari, alert ('mozilla, safari'); } else {alert ('IE7 .8'); }} else {alert ('ie6'); } //-> </script>------------------------------------------------------------------------------- untuk dilanjutkan
Suatu acara membutuhkan banyak metode, Anda dapat menggunakannya dan memisahkannya.
<input type = "tombol" value = "red" onclick = "mychange (ini), sayhello ()"/>
<body onkeydown = "showkey (event)" onload = "abc ()" onunload = "abc2 ()">
Artikel di atas tentang metode kompatibilitas browser dari mekanisme yang digerakkan oleh acara JS adalah semua konten yang saya bagikan dengan Anda. Saya harap Anda dapat memberi Anda referensi dan saya harap Anda dapat mendukung wulin.com lebih lanjut.