Bagaimana untuk mengalih keluar acara tetikus dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk mengalih keluar acara tetikus dalam jquery

青灯夜游

Lepaskan： 2022-03-25 19:29:53

asal

1812 orang telah melayarinya

Kaedah untuk mengalih keluar acara: 1. Gunakan unbind(), sintaks ialah "elemen yang terikat pada acara tetikus.unbind()"; 2. Gunakan unelegate(), sintaks ialah "elemen yang terikat pada acara tetikus unelegate();"; 3. Gunakan off(), sintaks ialah "elemen yang terikat pada acara tetikus.off()".

Bagaimana untuk mengalih keluar acara tetikus dalam jquery

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

Kaedah Jquery untuk mengalih keluar peristiwa tetikus:

Kaedah 1: Gunakan kaedah unbind()

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.

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

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("p").click(function() {
					$(this).slideToggle();
				});
				$("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 mengalih keluar acara tetikus dalam jquery

Kaedah 2: Gunakan kaedah unelegate()

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

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-1.10.2.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("body").delegate("p", "click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("body").undelegate();
				});
			});
		</script>
	</head>
	<body>
		<p>这是一个段落。</p>
		<p>这是另一个段落。</p>
		<p>点击任何段落可以令其消失。包括本段落。</p>
		<button>删除点击事件</button>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mengalih keluar acara tetikus dalam jquery

Kaedah 3: Gunakan kaedah off()

kaedah 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).css("background-color", "pink");
				});
				$("button").click(function() {
					$("p").off();
				});
			});
		</script>
	</head>
	<body>

		<p>点击这个段落修改它的背景颜色。</p>
		<p>点击一下按钮再点击这个段落( click 事件被移除 )。</p>

		<button>移除 click 事件</button>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mengalih keluar acara tetikus dalam jquery

Nota: Pada versi jQuery 1.7, kaedah off() ialah pengganti baharu untuk kaedah unbind(), die() dan undegate(). Kaedah ini membawa banyak kemudahan kepada API dan disyorkan kerana ia memudahkan asas kod jQuery.

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

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