Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery

青灯夜游

Lepaskan： 2022-06-15 10:16:58

asal

1818 orang telah melayarinya

3 cara untuk membatalkan: 1. Gunakan unbind(), sintaks "elemen klik dua kali.unbind()" untuk membatalkan semua pemantauan acara klik dua kali bagi elemen yang dipilih. 2. Gunakan unelegate(), sintaks "double-click the parent element of the element.undelegate()" untuk membatalkan pemantauan acara klik dua kali yang ditambahkan oleh delegate() dalam elemen yang dipilih. 3. Gunakan off(), sintaks "elemen klik dua kali.off()", untuk membatalkan pemantauan acara klik dua kali ditambah dengan on() dalam elemen yang dipilih.

Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 3.6.0, komputer Dell G3.

jquery menyediakan berbilang kaedah untuk membatalkan pemantauan acara klik dua kali

1 Gunakan kaedah unbind()

Kaedah unbind() boleh mengalih keluar semua atau pengendali acara yang dipilih, atau menamatkan pelaksanaan fungsi tertentu apabila peristiwa berlaku.

Kaedah ini juga boleh membuka ikatan pengendali acara melalui objek acara. Kaedah ini juga digunakan untuk menyahikat peristiwa dalam dirinya sendiri (seperti memadamkan pengendali acara selepas peristiwa dicetuskan beberapa kali).

Contoh: Batalkan pemantauan acara dwiklik

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
				$(document).ready(function() {
					$("p").dblclick(function() {
						console.log("发生了双击事件监听");
					});
					$("button").click(function() {
						$("p").unbind();
					});
				});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>这是另外一个段落。</p>
		<button>移除p元素上的双击事件监听</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery

2 Gunakan kaedah undelete()

Kaedah undelegate() mengalih keluar satu atau lebih pengendali acara yang ditambahkan oleh kaedah delegate().

Contoh: Batalkan pemantauan acara dwiklik

Kod teras:

<script>
		$(document).ready(function() {
			$("body").delegate("p", "dblclick", function() {
				console.log("发生了双击事件监听");
			});
			$("button").click(function() {
				$("body").undelegate();
			});
		});
</script>

Salin selepas log masuk

Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery

3. ) kaedah< Kaedah 🎜>

off() biasanya digunakan untuk mengalih keluar pengendali acara yang ditambahkan melalui kaedah on().

Contoh: Batalkan pemantauan acara klik dua kali

Kod teras:

<script>
		$(document).ready(function() {
			$("p").on("dblclick", function() {
				console.log("发生了双击事件监听");
			});
			$("button").click(function() {
				$("p").off();
			});
		});
</script>

Salin selepas log masuk

Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery

[Pembelajaran yang disyorkan:

video jQuery tutorial、video bahagian hadapan web】

Atas ialah kandungan terperinci Bagaimana untuk membatalkan pendengaran acara klik dua kali dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!