在網上查詢的按鍵碼如下:
一、鍵盤按鍵和鍵盤對應代碼表:
字母按鍵碼
A <--------> 65 B <--------> 66 C <--------> 67 D <--------> 68
E <--------> 69 F <--------> 70 G <--------> 71 H <--------> 72
I <--------> 73 J <--------> 74 K <--------> 75 L <--------> 76
M <--------> 77 N <--------> 78 O <--------> 79 P <--------> 80
Q <--------> 81 R <--------> 82 S <--------> 83 T <--------> 84
U <--------> 85 V <--------> 86 W <--------> 87 X <--------> 88
Y <--------> 89 Z <--------> 90 0 <--------> 48 1 <--------> 49
2 <--------> 50 3 <--------> 51 4 <--------> 52 5 <--------> 53
6 <--------> 54 7 <--------> 55 8 <--------> 56 9 <--------> 57
數字按鍵碼
數字鍵盤 1 <--------> 96 數字鍵盤 2 <--------> 97 數字鍵盤 3 <--------> 98
數字鍵盤 4 <--------> 99 數字鍵盤 5 <--------> 100 數字鍵盤 6 <--------> 101
數字鍵盤 7 <--------> 102 數字鍵盤 8 <--------> 103 數字鍵盤 9 <--------> 104
數字鍵盤 0 <--------> 105運算符按鍵碼
乘號 <--------> 106 加號 <--------> 107 Enter <--------> 108 減號 <--------> 109
小數點 <--------> 110 除號 <--------> 111
F1 <--------> 112 F2 <--------> 113 F3 <--------> 114 F4 <--------> 115
F5 <--------> 116 F6 <--------> 117 F7 <--------> 118 F8 <--------> 119
F9 <--------> 120 F10 <--------> 121 F11 <--------> 122 F12 <--------> 123
F13 <--------> 124 F14 <--------> 125 F15 <--------> 126
Backspace <--------> 8
Tab <--------> 9
Clear <--------> 12
Enter <--------> 13
Shift <--------> 16
Control <--------> 17
Alt <--------> 18
Caps Lock <--------> 20
Esc <--------> 27
空格鍵 <--------> 32
Page Up <--------> 33
Page Down <--------> 34
End <--------> 35
Home <--------> 36
左箭頭 <--------> 37
向上箭頭 <--------> 38
右箭頭 <--------> 39
向下箭頭 <--------> 40
Insert <--------> 45
Delete <--------> 46
Help <--------> 47
Num Lock <--------> 144
; : <--------> 186
= + <--------> 187
- _ <--------> 189
/ ? <--------> 191
` ~ <--------> 192
[ { <--------> 219
| <--------> 220
] } <--------> 221
'' ' <--------> 222
二、下面展示一個案例兼容性比較好的一段代碼:
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script type="text/javascript"> function keydownMsg(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { alert(document.getElementById("txtmsg").value);//回車鍵彈出文本框信息 } } </script> </head> <body> <form id="form1" runat="server"> <div> <input id="txtmsg" onkeydown="keydownMsg(event)" type="text" /> </div> </form> </body> </html>
三、10個用來處理鍵盤事件的JQuery插件和JS類庫
1、Mousetrap
Mousetrap是一個超簡單的處理鍵盤快捷鍵的類庫,壓縮有只有1.6kb大小,並且不依賴任何的外部類庫。你使用的主要就是綁定方法。它會幫助你綁定指定的鍵盤命令到一個callback方法中。並且擁有第三個參數來制定監聽的事件類型。 可以是keypress,keydown或者keyup。任何被空格分隔的key會被認為是連續的。如果你你連續的輸入key,最后一個輸入key會觸發callback。
2、Jwerty
jwerty是一個JS類庫幫助你針對元素和事件來綁定,觸發和聲明輸入鍵組合。它將難於使用的標准api生成更加清晰並且容易使用的格式。所有的jwerty事件都要求jwertycode。jwertycode可以以字符串或者數組傳遞,使用字符串可能是最簡單的方式來生成組合。這個類庫非常小,壓縮后1.5kb,gzipped大概3kb。不依賴任何類庫。兼容jQuery,zepto或者Ender。
3、Keypress
Keypress是一個輸入捕捉類庫,擁有一些特殊的特性。非常容易上手和使用,大概9kb,不依賴任何類庫。可以開發非常簡單或者高級的應用。這個類庫針對keyup和keydown擁有一些回調函數。並且擁有選項來捕捉單次輸入或者其它。
4、KeyboardJS
keyboardjs是一個標准的JS類庫,處理鍵盤輸入幫助我們理解按鍵輸入並且生成行為。這個類庫支持簡單的組合按鍵並且支持不同LOCALE。針對press和release事件擁有回調函數
5、Keymaster.js
Keymaster是一個簡單的迷你類庫,用來定義和生成web應用中的鍵盤快捷鍵。不依賴任何類庫。和其它類庫同時使用不會有任何沖突。
6、Kibo
Kibo是一個簡單的JS類庫,用來處理鍵盤事件。沒有任何依賴。Kibo的構建器擁有一個可選選項,一個用來定義事件句柄的HTML元素。
7、Keymage
Keyimage是一個簡單的類庫,用來處理鍵盤綁定。書寫這個類庫的目的是沒有其它類庫支持整合所有的特性,並且方便大家書寫一個新的類庫。
8、Keycode.js
這個類庫標准化JS鍵盤碼以便支持瀏覽器兼容。這個類庫支持key對象,這些對象是js對象,用來記錄鍵盤碼是否被其它操作修改。使用hot_key()接受類似的對象,並且返回一個適合jQuery hotkey插件或者Binny VA's short.js類庫。
9、Open JS
OpenJS允許你添加Keyboard快捷鍵到你的JS應用中。
10、JavaScript Shortcuts Library
一個幫助你快速創建快捷鍵的類庫。
