Acara fokus: 1. Gunakan kaedah fokus() untuk menetapkan elemen untuk mendapatkan acara fokus, sintaksnya ialah "$(selector).focus(function)" 2. Gunakan kaedah blur(). untuk menetapkan elemen kehilangan acara fokus, sintaksnya ialah "$(selector).blur(function)".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi JavaScript 1.8.5, komputer Dell G3.
Apabila elemen mendapat fokus, peristiwa fokus berlaku.
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.
Sintaksnya ialah:
$(selector).focus()
atau:
$(selector).focus(function)
Peristiwa kabur berlaku apabila elemen kehilangan fokus.
kaedah blur() mencetuskan peristiwa kabur atau menentukan fungsi untuk dijalankan apabila peristiwa kabur berlaku.
Sintaksnya ialah:
$(selector).blur()
atau:
$(selector).blur(function)
Contoh adalah seperti berikut:
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.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>
Enter your name: <input type="text" />
<p>请在上面的输入域中点击，使其获得焦点，然后在输入域外面点击，使其失去焦点。</p>
</body>
</html>Hasil output:
Cadangan berkaitan: Tutorial pembelajaran javascript
Atas ialah kandungan terperinci Apakah acara fokus javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
