Kaedah tetapan: 1. Tetapkan melalui atribut acara dalam teg HTML, sintaksnya ialah "pada nama acara="fungsi pengendalian"" 2. Gunakan "element.onclick" untuk menetapkan 3. Gunakan addEventListener ( ) kaedah untuk menetapkan.
Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.
1 Pengikatan sebaris
Pengikatan sebaris: dalam HTML Teg ialah. terikat melalui atribut acara. Kaedah mengikat ialah: pada nama acara Kemudian tetapkan peristiwa yang dicetuskan kepada atribut, seperti berikut:
<button onclick="alert('123');">点击</button>
2. Gunakan elemen onclick mengikat
Gunakan elemen.onclick untuk mengikat acara: mengikat acara pada DOM dengan memanipulasi elemen DOM (menggunakan pengikatan intra-peer borang).
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.onclick = function(){
alert("hello world");
}
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>3 Gunakan kaedah addEventListener()
Gunakan kaedah addEventListener() yang menerima 3 parameter (nama bagi peristiwa yang akan diproses , sebagai fungsi pengendali peristiwa, nilai Boolean Jika nilai Boolean ini benar, ia bermakna pengendali peristiwa dipanggil dalam fasa penangkapan peristiwa, jika ia palsu, ia dipanggil dalam peristiwa. fasa menggelegak). Sesetengah penyemak imbas tidak menyokong tangkapan acara (seperti IE8 dan lebih rendah), jadi berhati-hati tentang mengikat pendengar acara semasa fasa tangkapan.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload = function(){
var btn = document.getElementById('btn');
btn.addEventListener('click',function(){
alert("123");
},false);
}
</script>
</head>
<body>
<button id="btn">点击</button>
</body>
</html>Kaedah untuk menyahikat acara: panggil removeEventListener() melalui elemen untuk mengalih keluarnya Parameter yang dihantar adalah sama seperti semasa menambah pengendali acara Parameter kedua (fungsi pengendali peristiwa). yang sama (menunjuk ke alamat yang sama), jadi fungsi pengendali acara harus disimpan dalam pembolehubah Jika fungsi tanpa nama dimasukkan, pendengar acara tidak boleh dialih keluar.
Nota: Dalam IE8 dan ke bawah, gunakan attachEvent() untuk pengikatan peristiwa, yang menerima 2 parameter (nama pengendali acara, fungsi pengendali acara yang diikat oleh kaedah ini akan Dilaksanakan semasa fasa menggelegak). Kaedah ini boleh mengikat berbilang pengendali acara, tetapi perintah pelaksanaan diterbalikkan daripada perintah mengikat.
[Pembelajaran yang disyorkan: Tutorial JavaScript Lanjutan]
Atas ialah kandungan terperinci Bagaimana untuk menyediakan mendengar acara dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
