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

Bagaimana untuk membatalkan acara langsung dalam jquery

青灯夜游

Lepaskan： 2022-05-16 18:59:20

asal

2029 orang telah melayarinya

Dalam jquery, kaedah die() boleh digunakan untuk membatalkan acara langsung Kaedah ini boleh mengalih keluar acara tertentu yang terikat dengan kaedah live() Sintaksnya ialah "$(selector).die(". nama acara"," Nama fungsi pemprosesan ")"; kedua-dua parameter kaedah die() boleh diabaikan, yang akan mengalih keluar semua acara langsung terikat.

Bagaimana untuk membatalkan acara langsung dalam jquery

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

Gunakan kaedah die() untuk membatalkan acara langsung. Kaedah

die() mengalih keluar satu atau lebih pengendali acara yang ditambahkan pada elemen yang dipilih melalui kaedah live().

Ringkasnya, kaedah die() boleh mengalih keluar acara tertentu yang terikat dengan kaedah live().

Sintaks:

$(selector).die(event,function)

Salin selepas log masuk

Parameter

Penerangan

acara

Pilihan. Menentukan satu atau lebih pengendali acara untuk dialih keluar.

参数	描述
event	可选。规定要移除的一个或多个事件处理程序。由空格分隔多个事件值。必须是有效的事件。
function	可选。规定要移除的特定函数。

Berbilang nilai acara dipisahkan oleh ruang. Mesti acara yang sah.

fungsi

Pilihan. Menentukan fungsi khusus untuk dialih keluar.

Nota: Kaedah die() telah ditamatkan dalam jQuery versi 1.7 dan dialih keluar dalam versi 1.9.

Contoh 1: Alih keluar semua pengendali acara yang ditambahkan pada elemen

melalui kaedah live()

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
		<script>
			$(document).ready(function() {
				$("p").live("click", function() {
					$(this).slideToggle();
				});
				$("button").click(function() {
					$("p").die();
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落，使其消失。</p>
		<button>移除click事件</button><br><br>
		<div>p 元素的click事件通过 live() 方法来添加</div>
	</body>
</html>

Salin selepas log masuk

Bagaimana untuk membatalkan acara langsung dalam jquery

Contoh 2: Gunakan kaedah die() mengalih keluar hanya satu pengendali acara tertentu daripada elemen yang dipilih

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="https://apps.bdimg.com/libs/jquery/1.7.0/jquery.min.js"></script>
		<script>
			function changeSize() {
				$(this).animate({
					fontSize: "+=3px"
				});
			}

			function changeSpacing() {
				$(this).animate({
					letterSpacing: "+=2px"
				});
			}
			$(document).ready(function() {
				$("p").live("click", changeSize);
				$("p").live("click", changeSpacing);
				$("button").click(function() {
					$("p").die("click", changeSize);
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落，放大字体。</p>
		<button>移除事件句柄 changeSize()，p 元素的click事件通过 live() 方法来添加。</button><br><br>

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk membatalkan acara langsung dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery, Web video bahagian hadapan

]

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