源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

Javascript 检测键盘按键信息及键码值对应介绍

  • 时间:2022-03-07 05:01 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:Javascript 检测键盘按键信息及键码值对应介绍
Javascript中有3个事件句柄在对应键盘的输入状态:keydown、keypress和keyup。 分别对应的意思是:按键被按下(按下按键但还没有抬起)、点击按键(按下并抬起按键)、按键抬起(按键抬起之后) [b]按键的分类[/b] 按键可以分为“实键”和“虚键” 实键可以理解为我们能够看到并打印出来的按键,如字母“A”、数字“1”、字符“?”等等 虚键就是那些无法打印出来起到控制作用的按键,如“Ctrl”、“Alt”、“Shift”、“方向键”等等 IE在处理虚键时有个特例:虚键不会产生keypress事件,必须使用keydown或keyup来捕获 [b]按键码和字符码[/b] 按键码是计算机用来识别不同按键的编码,每一个按键都有按键码 字符码是可被打印的实键特有的,对应了键盘上显示的字符 按键码可以使用String.fromCharCode()转换为字符码 按键码和和字符码的对应表可以在本文最后找到。 [b]获取实键[/b]
[u]复制代码[/u] 代码如下:
function getKeyCode(e) { var keyCode = 0; var e = e || window.event; keyCode = e.keyCode || e.which || e.charCode; alert(keyCode); }
稍微解释下 1. e为Firefox等标准浏览器支持的JS隐藏变量,表示一个“事件”;IE系列中没有“e”,而是用window.event来表示“事件”;所以var e = e || window.event;就表示:获取当前正在发生的事件。 2. e.keyCode、e.which、e.charCode都代表获取按键码,但不同的浏览器支持不同的写法 获取虚键
[u]复制代码[/u] 代码如下:
function getKeyCode(e) { var keyCode = 0; var e = e || window.event; if (e.ctrlKey) alert("ctrlKey pressed"); if (e.altKey) alert("altKey pressed"); if (e.shiftKey) alert("shiftKey pressed"); }
[b]字母和数字键的键码值(keyCode)[/b]
按键 键码 按键 键码 按键 键码 按键 键码
A 65 J 74 S 83 1 49
B 66 K 75 T 84 2 50
C 67 L 76 U 85 3 51
D 68 M 77 V 86 4 52
E 69 N 78 W 87 5 53
F 70 O 79 X 88 6 54
G 71 P 80 Y 89 7 55
H 72 Q 81 Z 90 8 56
I 73 R 82 0 48 9 57
  
[b]数字键盘上的键的键码值(keyCode)[/b] [b]功能键键码值(keyCode)[/b]
按键 键码 按键 键码 按键 键码 按键 键码
0 96 8 104 F1 112 F7 118
1 97 9 105 F2 113 F8 119
2 98 * 106 F3 114 F9 120
3 99 + 107 F4 115 F10 121
4 100 Enter 108 F5 116 F11 122
5 101 - 109 F6 117 F12 123
6 102 . 110        
7 103 / 111        
  
[b]控制键键码值(keyCode)[/b]
按键 键码 按键 键码 按键 键码 按键 键码
BackSpace 8 Esc 27 Right Arrow 39 -_ 189
Tab 9 Spacebar 32 Dw Arrow 40 .> 190
Clear 12 Page Up 33 Insert 45 /? 191
Enter 13 Page Down 34 Delete 46 `~ 192
Shift 16 End 35 Num Lock 144 [{ 219
Control 17 Home 36 ;: 186 \| 220
Alt 18 Left Arrow 37 =+ 187 ]} 221
Cape Lock 20 Up Arrow 38 ,< 188 '" 222
[b]多媒体键码值(keyCode)[/b]
按键 键码 按键 键码 按键 键码 按键 键码
音量加 175            
音量减 174            
停止 179            
静音 173            
浏览器 172            
邮件 180            
搜索 170            
收藏 171            
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部