Rumah > Artikel > hujung hadapan web > Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery
Bagaimana untuk mengikat acara fokus yang hilang ke kotak input dalam jquery
- 青灯夜游asal
- 2022-05-25 17:26:233430semak imbas
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});".
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:
$("选择器")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(){
//运行代码
});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>
[Pembelajaran yang disyorkan: tutorial video jQuery、video 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!