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

Bagaimana untuk mengalih keluar acara dalam jquery

青灯夜游

Lepaskan： 2022-06-10 15:42:20

asal

4644 orang telah melayarinya

Kaedah Jquery untuk mengalih keluar acara: 1. Gunakan unbind(), sintaks "elemen yang terikat dengan acara. unbind("nama acara yang ditentukan")" boleh mengalih keluar acara yang ditentukan bagi elemen yang dipilih; 2. Guna off() boleh mengalih keluar acara yang ditentukan ditambah oleh on() dalam elemen, sintaks ialah "elemen yang mana peristiwa itu terikat.off("nama acara").

Bagaimana untuk mengalih keluar acara dalam jquery

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

Kaedah Jquery untuk mengalih keluar acara

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.

Sintaks:

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

Salin selepas log masuk

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

Contoh: Alih keluar acara klik daripada elemen

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

		<p>这是一个段落。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个p元素来触发 alert 弹窗且字体颜色变红。</p>
		<button>移除 p 元素的 click 事件</button>

	</body>

Salin selepas log masuk

Bagaimana untuk mengalih keluar acara dalam jquery

Nota: Mulai versi jQuery 1.7, kaedah on() dan off() ialah cara pilihan untuk menambah dan mengalih keluar pengendali acara pada elemen.

Kaedah 2: Gunakan kaedah off()

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

Nota: Untuk mengalih keluar pengendali acara yang ditentukan, rentetan pemilih mesti sepadan dengan argumen yang dihantar kepada kaedah on() apabila pengendali acara ditambahkan.

Sintaks:

$(selector).off(event,selector,function(eventObj),map)

Salin selepas log masuk

Parameter

Penerangan

acara

Diperlukan. Menentukan satu atau lebih acara atau ruang nama untuk dialih keluar daripada elemen yang dipilih.

参数	描述
event	必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。
selector	可选。规定添加事件处理程序时最初传递给 on() 方法的选择器。
function(eventObj)	可选。规定当事件发生时运行的函数。
map	规定事件映射 ({event:function, event:function, ...})，包含要添加到元素的一个或多个事件，以及当事件发生时运行的函数。

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

pemilih

Pilihan. Menentukan pemilih pada mulanya dihantar kepada kaedah on() apabila menambah pengendali acara.

fungsi(eventObj)

Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa berlaku.

peta

Menentukan pemetaan acara ({event:function, event:function, ...}) , mengandungi satu atau lebih peristiwa untuk ditambahkan pada elemen dan fungsi untuk dijalankan apabila peristiwa itu berlaku.

Contoh:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			function changeSize() {
				$(this).animate({
					fontSize: "+=10px"
				});
			}

			function changeSpacing() {
				$(this).animate({
					letterSpacing: "+=5px"
				});
			}

			$(document).ready(function() {
				$("p").on("click", changeSize);
				$("p").on("click", changeSpacing);
				$("button").click(function() {
					$("p").off("click");
				});
			});
		</script>
	</head>
	<body>

		<p>这是一个段落 。</p>
		<p>这是另外一个段落。</p>
		<p>点击任意一个段落来修改段落的字体大小。</p>

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

	</body>
</html>

Salin selepas log masuk

Bagaimana untuk mengalih keluar acara dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQuery、video bahagian hadapan web

】

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