Rumah >hujung hadapan web >tutorial js >jQuery kaedah mudah untuk mendapatkan papan kekunci events_jquery

jQuery kaedah mudah untuk mendapatkan papan kekunci events_jquery

WBOY
WBOYasal
2016-05-16 15:18:371517semak imbas

Contoh dalam artikel ini menerangkan cara jQuery hanya memperoleh acara papan kekunci. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

1. Bilakah kita perlu mendapatkan acara papan kekunci? Apabila bekerja di web, untuk reka bentuk yang lebih berperikemanusiaan, kadangkala kami menggunakan acara papan kekunci. Contohnya: kotak gesaan lungsur turun kotak input, gunakan papan kekunci atas dan bawah untuk memilih kandungan yang anda inginkan, kotak gesaan lungsur turun kotak input Google. Apabila kita menyemak imbas album foto, kita boleh menggunakan kekunci kiri dan kanan pada papan kekunci untuk melihat foto. Apabila kita menyemak imbas novel yang panjang, mudah untuk kehilangan jejak baris mana yang hendak dibaca apabila menatal dengan tetikus Anda boleh menggunakan kekunci atas dan bawah pada papan kekunci untuk membelek halaman ini juga sangat penting. Membuat laman web bergantung pada butirannya.

2. Jenis fungsi papan kekunci jquery

1. Acara kekunci adalah peristiwa yang dicetuskan apabila papan kekunci ditekan

2. Acara kekunci ialah peristiwa yang dicetuskan apabila kekunci ditekan dan kekunci dilepaskan

3. Peristiwa penekanan kekunci ialah peristiwa yang dicetuskan apabila papan kekunci ditekan

Tekan kekunci dan kekunci mempunyai fungsi yang sama, tetapi ia berbeza dalam mendapatkan kandungan acara.

2. Contoh

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr" lang="utf-8">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <script src="jquery-1.3.2.js" type="text/javascript"></script>
</head>
<body>
<input value="fi" name="search" id="search_input" maxlength="50" autocomplete="off">
</body>
</html>
<script type="text/javascript">
 $('#search_input')
 .keypress(function(event){
 alert("keypress");
 })
 .keydown(function(event){
 alert("keydown");
 })
 .keyup(function(event){
 alert("keyup");
 });
</script>

3. Keputusan ujian

1. Dalam kotak input di atas, apabila memasukkan huruf r, kekunci kekunci akan muncul buat kali pertama, dan penekanan kekunci akan digesa pada masa hadapan

2. Apabila kita menekan pg dn銉, keyup akan muncul dahulu dan kemudian keydown

3. Apabila kita menekan shift+c, hanya tekan kekunci
akan muncul 4. Apabila kita menekan ctrl+alt, kekunci kekunci tidak akan muncul untuk kali pertama Apabila kita menekannya untuk kali kedua, kekunci akan muncul dahulu, dan kemudian kekunci kekunci

Terdapat banyak kemungkinan, kita hanya perlu mencuba phoenix yang biasa digunakan.

4 Dapatkan nilai ASCII yang sepadan dengan acara papan kekunci

<script type="text/javascript">
 $('#search_input')
 .keydown(function(event){
 alert(event.keyCode);
 })
</script>

Pembaca yang berminat dengan lebih banyak kandungan yang berkaitan dengan operasi acara jQuery boleh menyemak topik khas tapak ini: "
Ringkasan penggunaan dan teknik acara biasa jQuery

" Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan jQuery.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn