Bagaimana untuk membatalkan semua acara elemen dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk membatalkan semua acara elemen dalam jquery

青灯夜游

Lepaskan： 2022-04-21 16:58:40

asal

2712 orang telah melayarinya

Dalam jquery, anda boleh menggunakan kaedah unbind() untuk menyahikat semua peristiwa elemen, sintaksnya ialah "$(selector).unbind();". Kaedah unbind() boleh mengalih keluar semua pengendali peristiwa yang terikat pada elemen, atau menentukan pengendali peristiwa apabila kaedah tidak menentukan parameter, semua peristiwa boleh dialih keluar.

Bagaimana untuk membatalkan semua acara elemen dalam jquery

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

Dalam jquery, anda boleh menggunakan kaedah unbind() untuk menyahikat semua peristiwa elemen. Kaedah

unbind() mengalih keluar pengendali acara bagi elemen yang dipilih.

Kaedah ini boleh mengalih keluar semua atau pengendali acara yang dipilih, atau menamatkan pelaksanaan fungsi yang ditentukan apabila peristiwa berlaku.

$(selector).unbind(event,function,eventObj)

Salin selepas log masuk

参数	描述
event	可选。规定一个或多个要从元素上移除的事件。由空格分隔多个事件值。如果只规定了该参数，则会删除绑定到指定事件的所有函数。
function	可选。规定从元素上指定事件取消绑定的函数名称。
eventObj	可选。规定要使用的移除的 event 对象。这个 eventObj 参数来自事件绑定函数。

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

Apabila kaedah unbind() tidak menentukan parameter, semua pengendali acara elemen yang ditentukan akan dipadamkan.

Contoh:

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

		<p>这是一个段落。</p>
		<p>鼠标移入任意段落(p 元素)，该段落字体颜色会变红。</p>
		<p>点击任意段落(p 元素)，该段落就会消失。</p>
		<button>移除所有段落(p 元素)的事件句柄</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk membatalkan semua acara elemen dalam jquery

Seperti yang anda boleh lihat, dalam contoh di atas, kedua-dua acara klik tetikus dan acara bergerak dibatalkan

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

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