Apakah cara untuk mengikat acara dalam javascript

Cara mengikat acara: 1. Gunakan "" untuk mengikat 2. Gunakan "dom object.on event name = event handling Program" penyataan mengikat; 3. Gunakan "sumber acara.addEventListener(nama acara, pengendali acara, sama ada untuk menangkap)" penyataan mengikat.

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Dalam Javascript, terdapat tiga cara untuk mengikat acara:

• Gunakan atribut acara teg HTML untuk mengikat pengendali

• Ikat pengendali menggunakan atribut acara sumber acara

• Ikat pengendali menggunakan addEventListener()

1. Gunakan pengendali pengikatan atribut acara bagi teg HTML

Sintaks asas:

<标签 on事件名="事件处理程序" />

Contoh:

<input type=’button’ onclick=’display()’ />

Kod contoh :

Kod di atas adalah pengikatan sebaris yang paling tipikal Walaupun ia boleh melengkapkan fungsi yang kami perlukan, ia mengikat semua gelagat gaya struktur dalam teg yang sama, yang tidak Kondusif untuk. penyelenggaraan kemudian.

2 Gunakan pengendali pengikatan atribut acara bagi sumber acara

Sintaks asas:

dom对象.on事件名 = 事件处理程序（通常是一个匿名函数）

Dengan dinamik Idea mengikat ini menambah baik soalan di atas, dan kesannya adalah seperti yang ditunjukkan dalam rajah di bawah:

3. Gunakan addEventListener() untuk mengikat pengendali

Menggunakan atribut acara objek sumber acara untuk mengikat pengendali acara adalah mudah, tetapi ia mempunyai kekurangan: acara hanya boleh terikat kepada satu pengendali dan acara pengendali terikat kemudian akan Mengatasi fungsi pengendali acara terikat sebelumnya. Dalam aplikasi sebenar, peristiwa daripada sumber peristiwa mungkin diproses oleh pelbagai fungsi.

Apabila sumber acara perlu diproses menggunakan berbilang fungsi, anda boleh memanggil addEventListener() (untuk penyemak imbas standard) melalui sumber acara untuk mengikat fungsi pemprosesan acara untuk mencapai keperluan ini. Cara sumber acara mengikat berbilang fungsi acara melalui kaedah adalah dengan memanggil addEventListener() beberapa kali pada objek sumber acara dan setiap panggilan hanya mengikat satu fungsi pemprosesan acara.

addEventListener() ialah kaedah dalam model acara standard dan sah untuk semua penyemak imbas standard. Format penggunaan addEvent Lister() untuk mengikat pengendali acara adalah seperti berikut:

事件源.addEventListener(事件名称,事件处理程序,是否捕获);

Parameter "nama acara" ialah nama acara tanpa "on" parameter "sama ada untuk menangkap" ialah a Nilai Boolean, Nilai lalai adalah palsu Apabila palsu, acara menggelegak dicapai, dan apabila benar, tangkapan peristiwa dicapai.

Dengan memanggil addEventListener() beberapa kali, anda boleh mengikat berbilang pengendali acara kepada jenis acara yang sama bagi objek sumber acara. Apabila peristiwa berlaku pada objek, semua fungsi pengendalian peristiwa yang terikat pada acara akan dipanggil dan dilaksanakan secara berurutan dalam susunan ia terikat. Di samping itu, perlu diingatkan bahawa ini dalam fungsi pengendalian acara yang terikat oleh addEventListener() menghala ke sumber acara.

addEventListener() contoh pengendali mengikat:

document.addEventListener('click',fn1,false);//click事件绑定fn1函数实现事件冒泡
document.addEventListener('click',fn2,true);//click事件绑定fn2函数实现事件捕获

[Cadangan berkaitan: tutorial pembelajaran javascript]

Atas ialah kandungan terperinci Apakah cara untuk mengikat acara dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!