Adakah terdapat acara fokus dalam jquery?-Soal Jawab bahagian hadapan-php.cn

Adakah terdapat acara fokus dalam jquery?

青灯夜游

Lepaskan： 2022-12-16 11:31:28

asal

2178 orang telah melayarinya

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)

Salin selepas log masuk

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>

Salin selepas log masuk

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)

Salin selepas log masuk

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>

Salin selepas log masuk

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!