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

fail baharu

<!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>

serahkan Tetapkan Semula Kod

Operasi automatik