Beberapa konsep kemahiran javascript event_javascript

Aturcara JavaScript pihak pelanggan menggunakan model pengaturcaraan dipacu peristiwa tak segerak.

Beberapa konsep acara berkaitan:

　Jenis acara: Rentetan yang digunakan untuk menerangkan jenis acara yang berlaku

　Sasaran acara: Objek tempat peristiwa berlaku;

　

Pengendali acara: Fungsi yang mengendalikan atau bertindak balas kepada acara

　

Objek acara: Objek yang berkaitan dengan acara tertentu dan mengandungi maklumat terperinci tentang acara itu; 　

Propagasi acara:

Proses penyemak imbas menentukan objek yang mencetuskan pengendali acaranya; Daftar pengendali acara:

1. Tetapkan atribut objek JavaScript; 2. Tetapkan atribut tag html

　3. addEventListener atau attachEvent (yang terakhir adalah untuk IE)

Tiga peringkat penyebaran acara:

 function addEvent(target,type,handler){
   if(target.addEventListener){
     target.addEventListener(type,handler,false);
   }else{
     target.attachEvent("on"+type,function(event){return handler.call(target,event)});
   }
 }

1. Berlaku sebelum fungsi pemprosesan sasaran, yang dipanggil fasa 'capture' 2. Memanggil peristiwa pemprosesan objek itu sendiri;

3. Peringkat acara yang menggelegak

Dalam javascript, anda boleh

menentukan acara

untuk elemen Terdapat tiga cara untuk menentukan

:

1. Dalam html, gunakan atribut onclick 2. Dalam javascript, gunakan atribut onclick 3. Dalam javascipt, gunakan kaedah addEvenListener()

Perbandingan tiga kaedah

(1) Dalam kaedah kedua dan ketiga, anda boleh menghantar objek acara ke fungsi dan membaca atributnya yang sepadan, tetapi kaedah tidak boleh.

(2) Pilihan kedua dan ketiga adalah pilihan yang pertama tidak kondusif untuk memisahkan kandungan daripada acara, dan kandungan berkaitan objek acara tidak boleh digunakan.

Beberapa butiran tatabahasa

(1) Dalam kaedah pertama, onclick adalah bebas huruf besar, tetapi dalam kaedah kedua, huruf kecil mesti digunakan. Kerana HMTL tidak sensitif huruf besar-besaran, manakala JS sensitif huruf besar-besaran.

(2) Dalam kaedah kedua dan ketiga, tiada petikan berganda apabila menyatakan nama fungsi, manakala kaedah pertama, sebagai atribut HTML, memerlukan petikan berganda. (3) Kaedah pertama memerlukan kurungan, tetapi kaedah kedua dan ketiga tidak.

Kod penuh:

 onclick="clickHandler()"
 document.getElementById("jsOnClick").onclick = clickHandler2; 
 document.getElementById("addEventListener").addEventListener("click", clickHandler2);

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.