简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

acara papan kekunci jQuery keydown() dan keyup() acara

acara keydown()

Definisi dan penggunaan

Proses penekan kekunci yang lengkap dibahagikan kepada dua bahagian: 1. Kuncinya ialah ditekan ke bawah; 2. Butang dilepaskan.

Acara keydown berlaku apabila butang ditekan.

Kaedah keydown() mencetuskan acara keydown, atau menentukan fungsi untuk dijalankan apabila peristiwa keydown berlaku.

Nota: Jika ditetapkan pada elemen dokumen, peristiwa ini akan berlaku tanpa mengira sama ada elemen itu mempunyai fokus.

Sintaks

$("").keydown()

Mari kita tulis acara keydown

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>submit</title>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>    
    <p>php 中文网</p>

    <script>
        $('body').keydown(function(){
            $('p').html('php.cn');
        })
    </script>
</body>
</html>

Apabila papan kekunci ditekan, "php Chinese website " akan digantikan dengan "php.cn"

acara keyup

Definisi dan penggunaan

Yang lengkap proses menekan kekunci dibahagikan kepada dua bahagian, kekunci ditekan, dan kemudian kekunci dilepaskan dan ditetapkan semula.

Acara keyup berlaku apabila butang dilepaskan. Ia berlaku pada elemen yang pada masa ini mempunyai fokus.

Kaedah keyup() mencetuskan acara keyup, atau menentukan fungsi untuk dijalankan apabila acara keyup berlaku.

Nota: Jika ditetapkan pada elemen dokumen, peristiwa ini akan berlaku tanpa mengira sama ada elemen itu mempunyai fokus. 

<!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>    
    <p>php 中文网</p>

    <script>
        $('body').keyup(function(){
            $('p').html('php.cn');
        })
    </script>
</body>
</html>

Melihat contoh di atas, anda boleh nyahpepijat secara setempat Apabila papan kekunci ditekan tetapi tidak dilepaskan, teks tidak akan berubah Apabila papan kekunci dilepaskan, teks akan berubah >

Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>submit</title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> </head> <body> <p>php 中文网</p> <script> $('body').keydown(function(){ $('p').html('php.cn'); }) </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)  491992 permainan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！