cari

Rumah >hujung hadapan web >tutorial js >Contoh entri acara onkeydown JavaScript (kekunci pada papan kekunci ditekan)

Contoh entri acara onkeydown JavaScript (kekunci pada papan kekunci ditekan)

PHPz
PHPzke hadapan
2016-05-16 16:33:492887semak imbas

Artikel ini terutamanya memperkenalkan contoh pengenalan acara onkeydown JavaScript Acara onkeydown menangkap situasi apabila kekunci tertentu pada papan kekunci ditekan Rakan yang memerlukan boleh merujuk kepadanya.

Acara onkeydown JavaScript

Acara onkeydown dicetuskan apabila pengguna menekan kekunci papan kekunci. Berbeza daripada acara onkeypress, acara onkeydown bertindak balas kepada pemprosesan menekan sebarang kekunci (termasuk kekunci fungsi), manakala acara onkeypress hanya bertindak balas kepada pemprosesan kekunci aksara yang ditekan.

Petua

Pelayar Internet Explorer/Chrome menggunakan event.keyCode untuk mendapatkan semula aksara yang ditekan, manakala penyemak imbas seperti Netscape/Firefox/Opera menggunakan event.which .

onkeydown mendapat kekunci yang ditekan oleh pengguna

Berikut ialah contoh menggunakan acara onkeydown untuk mendapatkan maklumat kekunci papan kekunci yang ditekan oleh pengguna: 

<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
    var keynum;
    var keychar;
    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+&#39;:&#39;+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>

Seperti yang ditunjukkan dalam contoh di atas, event.keyCode/event.yang mendapat nilai berangka (Pengekodan Unicode) sepadan dengan kunci Nilai kunci biasa sepadan dengan yang berikut:

数字值 实际键值
48到57 0到9
65到90 a到z（A到Z）
112到135 F1到F24
8 BackSpace（退格）
9 Tab
13 Enter（回车）
20 Caps_Lock（大写锁定）
32 Space（空格键）
37 Left（左箭头）
38 Up（上箭头）
39 Right（右箭头）
40 Down（下箭头）

Dalam aplikasi web, anda selalunya boleh melihat Mari gunakan event.keyCode/event.yang mana daripada acara onkeydown untuk mendapatkan beberapa operasi papan kekunci pengguna untuk menjalankan beberapa contoh aplikasi. Sebagai contoh, apabila pengguna log masuk, jika kekunci caps lock (20) ditekan, caps lock akan digesa apabila terdapat halaman membelok, jika pengguna menekan anak panah kiri dan kanan, halaman membelok ke atas dan ke bawah, dsb . akan dicetuskan.

Selepas memperoleh nilai pengekodan Unicode, jika anda perlu mendapatkan nilai kunci sepadan sebenar, anda boleh mendapatkannya melalui kaedah fromCharCode (String.fromCharCode()) objek Srting. Ambil perhatian bahawa untuk aksara anda sentiasa mendapat aksara besar, dan untuk beberapa kekunci fungsi lain anda mendapat aksara yang mungkin tidak mudah dibaca.

PS: Di sini kami mengesyorkan alat pertanyaan dalam talian tentang acara JS, yang meringkaskan jenis acara dan fungsi JS yang biasa digunakan

Di atas adalah keseluruhan kandungan bab ini Untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript!

Kenyataan：
Artikel ini dikembalikan pada:jb51.net. Jika ada pelanggaran, sila hubungi admin@php.cn Padam
Artikel sebelumnya：jquery mendapat instance_jquery nilai radioArtikel seterusnya：jquery mendapat instance_jquery nilai radio

Artikel berkaitan

Lihat lagi