masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

acara jQuery membentuk fokus() dan acara blur().

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

Meneruskan pembelajaran
||
<!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>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492411 permainan