acara fokus()
Definisi dan penggunaan
Acara fokus berlaku apabila elemen memperoleh 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.
acara blur()
Definisi dan penggunaan
Acara kabur berlaku apabila elemen kehilangan fokus.
Fungsi blur() mencetuskan peristiwa kabur, atau jika parameter fungsi ditetapkan, fungsi itu juga boleh menentukan kod untuk dilaksanakan apabila peristiwa kabur berlaku.
Petua: Terdahulu, peristiwa kabur hanya berlaku pada elemen bentuk. Dalam pelayar baharu, acara ini boleh digunakan pada mana-mana elemen.
Mari kita lihat contoh di bawah:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
请输入：<input type="text">
<script>
$('input').focus(function(){
$('input').css('background',"red");
})
$('input').blur(function(){
$('input').css('background',"green");
})
</script>
</body>
</html>Apabila kotak teks diklik, kotak teks mendapat fokus dan warna latar belakang bertukar kepada merah
Apabila diklik di luar teks kotak, Kotak teks hilang fokus dan bertukar menjadi hijau
bahagian seterusnya