Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery

青灯夜游
Lepaskan: 2022-05-25 17:27:16
asal
3448 orang telah melayarinya

Kaedah pengikatan: 1. Pilih objek elemen input, sintaks "$("selector")" akan mengembalikan objek jquery yang mengandungi elemen yang ditentukan 2. Gunakan blur() untuk mengikat objek elemen acara dan tentukan fungsi pemprosesan, sintaksnya ialah "elemen object.blur(function(){//Run code});".

Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery

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

Peristiwa fokus hilang pengikat kotak input dalam jquery

1. Gunakan pemilih untuk memilih objek elemen input

Sintaks:

$("选择器")
Salin selepas log masuk

Contoh$("input"), anda boleh memilih semua elemen input dalam dokumen.

Nilai pulangan: Mengembalikan objek jquery yang mengandungi elemen input yang ditentukan

2. Gunakan blur() untuk mengikat peristiwa kehilangan fokus

Gunakan kabur () Ikat acara fokus yang hilang pada elemen input yang dipilih dan nyatakan fungsi pengendali acara untuk menetapkan kod yang perlu dijalankan apabila acara dicetuskan.

input元素对象.blur(function(){
    //运行代码
});
Salin selepas log masuk

Contoh:

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function(){
		  $("input").blur(function(){
		    alert("输入框失去了焦点");
		  });
		});
		</script>
	</head>
	<body>

		输入你的名字: <input type="text">
		<p>在输入框写些东西,然后点击输入框外,让其失去焦点。</p>

	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery

[Pembelajaran yang disyorkan: tutorial video jQueryvideo bahagian hadapan web

Atas ialah kandungan terperinci Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan