Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah peristiwa yang dicetuskan apabila elemen kehilangan fokus dalam jquery

Apakah peristiwa yang dicetuskan apabila elemen kehilangan fokus dalam jquery

青灯夜游asal: 2022-05-12 20:13:494633semak imbas

Acara "kabur" dicetuskan apabila elemen kehilangan fokus. Dalam jquery, anda boleh menggunakan kaedah blur() untuk menetapkan fungsi pemprosesan acara yang perlu dijalankan apabila acara "kabur" dicetuskan Sintaks ialah "$(selector).blur(function)"; nyatakan kod yang akan dilaksanakan apabila peristiwa kabur berlaku.

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

Dalam jquery, acara "blur" dicetuskan apabila elemen kehilangan fokus.

Anda boleh menggunakan kaedah blur() untuk menetapkan fungsi pemprosesan acara yang perlu dijalankan apabila peristiwa "kabur" dicetuskan;

Sintaks:

$(selector).blur(function)

参数	描述
function	可选。规定当 blur 事件发生时运行的函数。

Contoh: Tukar warna medan input apabila hilang fokus(kabur)

<!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() {
				$("input").focus(function() {
					$("input").css("background-color", "#FFFFCC");
				});
				$("input").blur(function() {
					$("input").css("background-color", "#D6D6FF");
				});
			});
		</script>
	</head>
	<body>
		用户名: <input type="text" />
		<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
	</body>
</html>

Apakah peristiwa yang dicetuskan apabila elemen kehilangan fokus dalam jquery

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

Atas ialah kandungan terperinci Apakah peristiwa yang dicetuskan apabila elemen kehilangan fokus dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

jquery function 事件

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：Apakah maksud $ dalam jqueryArtikel seterusnya：Apakah maksud $ dalam jquery

Artikel berkaitan

Lihat lagi