Rumah > Artikel > hujung hadapan web > Apakah peristiwa yang dicetuskan apabila elemen kehilangan fokus dalam jquery
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>
[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!