Rumah > hujung hadapan web > tutorial js > Bagaimana untuk menyediakan mendengar acara dalam javascript

Bagaimana untuk menyediakan mendengar acara dalam javascript

青灯夜游
Lepaskan: 2021-10-25 14:28:38
asal
5293 orang telah melayarinya

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.

Bagaimana untuk menyediakan mendengar acara dalam javascript

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

Beberapa cara untuk melaksanakan pemantauan acara dalam JS

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(&#39;123&#39;);">点击</button>
Salin selepas log masuk

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(&#39;btn&#39;);
				btn.onclick = function(){
					alert("hello world");
				}
			}
		</script>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
</html>
Salin selepas log masuk

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(&#39;btn&#39;);
				btn.addEventListener(&#39;click&#39;,function(){
					alert("123");
				},false);
			}
		</script>
	</head>
	<body>
		<button id="btn">点击</button>
	</body>
</html>
Salin selepas log masuk

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!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan