Rumah > Artikel > hujung hadapan web > Bagaimana untuk membatalkan acara yang terikat oleh on() dalam jquery

Bagaimana untuk membatalkan acara yang terikat oleh on() dalam jquery

青灯夜游asal: 2022-03-25 19:40:153418semak imbas

Kaedah pembatalan: 1. Gunakan fungsi off(), yang boleh mengalih keluar pengendali acara yang ditambahkan melalui on() Sintaks ialah "elemen terikat peristiwa.off()" 2. Gunakan unbind () fungsi ini, fungsi ini boleh memadam pengendali acara yang ditambahkan oleh mana-mana kaedah jq, sintaksnya ialah "elemen terikat peristiwa.unbind();".

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

jquery membatalkan on() acara terikat

Kaedah 1: Gunakan fungsi off()

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

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").on("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").off();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>

		<button>移除on()添加的事件</button>

	</body>
</html>

Bagaimana untuk membatalkan acara yang terikat oleh on() dalam jquery

2 Gunakan fungsi unbind()

unbind() fungsi untuk mengalih keluar pengendali acara yang dipilih. unsur .

ubind() berfungsi dengan mana-mana pengendali acara yang dilampirkan melalui jQuery.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").on("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").unbind();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>

		<button>移除 on()添加的事件</button>

	</body>
</html>

Bagaimana untuk membatalkan acara yang terikat oleh on() dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Bagaimana untuk membatalkan acara yang terikat oleh on() dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery 事件

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk memilih elemen p ketiga menggunakan kaedah jqueryArtikel seterusnya：Bagaimana untuk memilih elemen p ketiga menggunakan kaedah jquery

Artikel berkaitan

Lihat lagi