cari

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Adakah terdapat acara fokus dalam jquery?

Adakah terdapat acara fokus dalam jquery?

青灯夜游
青灯夜游asal
2022-12-16 11:31:282231semak imbas

jquery mempunyai acara fokus. Apabila elemen memperoleh fokus, peristiwa fokus berlaku dalam jquery, anda boleh menggunakan kaedah fokus() untuk mencetuskan acara fokus, atau menentukan fungsi pemprosesan acara untuk dijalankan apabila peristiwa fokus berlaku, menggunakan sintaks "$(selector). ).fokus(fungsi)". Apabila elemen kehilangan fokus, peristiwa kabur berlaku; jQuery boleh menggunakan kaedah kabur() untuk mencetuskan peristiwa kabur, atau menentukan pengendali acara untuk dijalankan apabila peristiwa kabur berlaku.

Adakah terdapat acara fokus dalam jquery?

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

Fokus ialah kawasan kebimbangan, iaitu kedudukan di mana kursor sedang diaktifkan Garis menegak kecil berkelip dalam skrin halaman menunjukkan bahawa kawalan tertentu pada halaman web dipilih dan boleh dikendalikan. Klik tetikus untuk mendapatkan kursor dan kekunci Tab boleh menukar fokus mengikut set Tabindex.

Contohnya, jika kotak teks mendapat fokus, aksara yang anda taip pada papan kekunci akan terus masuk ke dalam kotak teks sebagai contoh, jika kotak senarai juntai bawah mendapat fokus, jika anda menekan anak panah ke bawah; papan kekunci, ia akan Satu senarai akan dibuat. Program ini juga mempunyai peristiwa yang berlaku apabila fokus diperoleh (gotfocus()), peristiwa yang berlaku apabila fokus hilang (lostfocus()), dan kaedah untuk menetapkan fokus untuk kawalan (setfocus()). Menggunakan fokus yang baik boleh menjadikan program anda kelihatan sangat mesra pengguna.

Adakah terdapat acara fokus dalam jquery?

jquery mendapat acara fokus

Acara fokus berlaku apabila elemen mendapat fokus.

Apabila elemen dipilih dengan klik tetikus atau diletakkan dengan kekunci tab, elemen itu mendapat fokus. Kaedah

fokus() mencetuskan acara fokus, atau menentukan fungsi untuk dijalankan apabila acara fokus berlaku.

Sintaks

//触发 focus 事件
$(selector).focus()

//将函数绑定到 focus 事件
$(selector).focus(function)

fungsi: Pilihan. Menentukan fungsi untuk dijalankan apabila peristiwa fokus berlaku.

Contoh: kaedah fokus() mendapat fokus

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-3.6.1.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("input").focus(function(){
		    $("input").css("background-color","#FFFFCC");
		  });
		});
		</script>
	</head>
	<body>

		输入你的名字: <input type="text">

	</body>
</html>

Adakah terdapat acara fokus dalam jquery?

jquery kehilangan acara fokus

Acara kabur berlaku apabila elemen hilang fokus.

kaedah blur() mencetuskan peristiwa kabur atau menentukan fungsi untuk dijalankan apabila peristiwa kabur berlaku.

Petua: Kaedah ini sering digunakan bersama dengan kaedah fokus().

Sintaks

//为被选元素触发 blur 事件：
$(selector).blur()

//添加函数到 blur 事件：
$(selector).blur(function)

Contoh: kaedah blur() hilang fokus

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<script src="js/jquery-3.6.1.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>

Adakah terdapat acara fokus dalam jquery?

[Disyorkan Pembelajaran: tutorial video jQuery, video bahagian hadapan web]

Atas ialah kandungan terperinci Adakah terdapat acara 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：Bagaimana untuk menerangkan peristiwa sintetik tindak balasArtikel seterusnya：Bagaimana untuk menerangkan peristiwa sintetik tindak balas

Artikel berkaitan

Lihat lagi