键盘事件包含onkeydown、onkeypress和onkeyup这三个事件

事件初始化

function keyDown(){} 

    document.onkeydown = keyDown; 

    //论按下键盘上的哪个键，都将调用KeyDown()函数。

DOM标准下

function keyDown(e) { 

　 	var keycode = e.which;   //取得对应的键值（数字）

　 	var realkey = String.fromCharCode(e.which); //取得代表改键的真正字符

　 	alert("按键码: " + keycode + " 字符: " + realkey); 

　　 } 

　   document.onkeydown = keyDown

IE下

function keyDown() { 

　　 　　 var keycode = event.keyCode;   //IE下取得键值的方法

　　 　　 var realkey = String.fromCharCode(event.keyCode); 

　　 　　 alert("按键码: " + keycode + " 字符: " + realkey); 

　　 } 

　　 document.onkeydown = keyDown

兼容的方法

function keyUp(e) { 

　　 　 var currKey=0,e=e||event; 

　　 　 currKey=e.keyCode||e.which||e.charCode; 

　　 　　var keyName = String.fromCharCode(currKey); 

　　 　 alert("按键码: " + currKey + " 字符: " + keyName); 

　　 } 

　　 document.onkeyup = keyUp;

使用原则：keydown事件对于功能按键来说是最有用的，而keypress事件对于可打印按键来说是最有用的

以下键码值只有在文本框中才完全有效，如果在<body>标记中使用，只有字母键、数字键和部分控制键可用，其字母键和数字键的键值与ASCII值相同

字母和数字键的键码值(keyCode)

按键    
键码

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

数字键盘上的键的键码值(keyCode)
功能键键码值(keyCode)

按键    
键码

0
     96

1          
97

2   
    
98

3          
99

4          
100

5          
101

6          
102

7          
103

8          
104

9          
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

控制键键码值(keyCode)

按键           
键码

BackSpace         
8

Esc
             27

Right Arrow       
39

Left Arrow
        37

Down Arrow             
40

Up Arrow           
38

-_         
189

.>
        190

Spacebar           
32

Tab             
9

Clear          
12

Page Up             
33

Page Down        
34

Enter          
13

Insert          
45

;:          
186

Delete        
46

`~         
192

/?         
191

Num Lock          
144

Control
    
17

Home         
36

End             
35

Shift            
16

[{          
219

}]          
221

\|         
220

=+        
187

,<         
188

'"          
222

Cape Lock          
20

Alt        
18

javascript之键盘事件的更多相关文章

  1. javascript的键盘事件大全

    javascript的键盘事件大全 ------------------------------------------------------------------- 使用event对象的keyC ...

  2. JavaScript 模拟键盘事件

    JavaScript 模拟键盘事件和鼠标事件(比如模拟按下回车等) 2016年09月08日 15:23:25 神秘_博士 阅读数:41158 标签: javascript鼠标键盘事件模拟更多 个人分类 ...

  3. JavaScript获取键盘事件

    JavaScript中: onkeydown 事件会在用户按下一个键盘按键时发生. onkeypress 事件会在键盘按键被按下并释放一个键时发生. onkeyup 事件会在键盘按键被松开时发生. 支 ...

  4. Javascript鼠标键盘事件

    鼠标事件click:单击dblclick:双击mousedown:鼠标按下mouseup:鼠标抬起mouseover:鼠标悬浮mouseout:鼠标离开mousemove:鼠标移动mouseenter ...

  5. javascript之键盘事件的方法

    键盘事件包含onkeydown.onkeypress和onkeyup这三个事件 事件初始化 function keyDown(){} document.onkeydown = keyDown; //论 ...

  6. javascript/jquery键盘事件介绍

    一.首先需要知道的是:1.keydown()keydown事件会在键盘按下时触发.2.keyup()keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件3.keypress()keypres ...

  7. JavaScript 模拟键盘事件和鼠标事件（比如模拟按下回车等）

    http://blog.csdn.net/lovelyelfpop/article/details/52471878# 封装好的function大概就是这样: function fireKeyEven ...

  8. javascript 键盘事件总结

    原文:http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html#2583814 在进入正题前,我们看一下浏览器对于键盘的一些默 ...

  9. Javascript 键盘事件

    window.document.onkeydown = function (e) { var evt = window.event || e;//兼容性处理 var keycode = evt.key ...

随机推荐

  1. 【Codeforces Round #435 (Div. 2) A B C D】

    CF比赛题目地址:http://codeforces.com/contest/862 A. Mahmoud and Ehab and the MEX ·英文题,述大意:      输入n,x(n,x& ...

  2. 零开始：NetCore项目权限管理系统：基础框架搭建

    有兴趣的同学可以一起做 喜欢NetCore的朋友,欢迎加群QQ:86594082 源码地址:https://github.com/feiyit/SoaProJect 新建一个空的解决方案,建立对应的解 ...

  3. 使用webgl(three.js)搭建一个3D建筑，3D消防模拟——第三课

    项目背景 消防安全一直是各大都市关注的重要课题,在消防体系中,特别是高楼消防体系中,消防系统整体布控与监控,火情有效准确定位,防火器材定位,人员逃生路径规划,火情预警,消防演习都是特别重要的环节.所以 ...

  4. wpf中静态资源和动态资源的区别

    静态资源(StaticResource)指的是在程序载入内存时对资源的一次性使用,之后就不再访问这个资源了. 动态资源(DynamicResource)指的是在程序运行过程中然会去访问资源.

  5. USB_ESD处理

    今天收到客户反馈说碰到USB后机器会死机,之前一直没有关注ESD问题. 现在整理之前用过的成熟的ESD电路: 电感为 PZ3216D101-3R0TF,1206封装. 用ESD枪测试OK, 用打火机持 ...

  6. strings.h 与 string.h 头文件的区别

    今天使用 man string 来查看 string 文件的使用的方法(毕竟里面的函数名字和传入参数和发挥参数的类型,如果一段时间不使用,会产生遗忘.) 偶然发现,string.h 的man page ...

  7. koa2+webSocket 聊天室

    做了一个简单的的聊天室,用来看看 koa和 websocket的使用还是挺好的,已经放到gitHub. https://github.com/zhaowanhua/koa2WebSocket

  8. Maven实现多环境打包

    在开发的过程中,经常需要面对不同的运行环境(开发环境.测试环境.生产环境.内网环境.外网环境等等),在不同的环境中,相关的配置一般不一样,比如数据源配置.日志文件配置.以及一些软件运行过程中的基本配置 ...

  9. Java面试19|过于深入的问题

    1.synchronized关键字的实现原理 可以参考:http://www.jianshu.com/p/c5058b6fe8e5 2.CAS是由Unsafe类的compareAndSwap()方法实 ...

  10. R语言中函数调试

    有时候会用R语言写一下简单的脚本处理函数,加入需要调试的话可以按照下面的步骤进行: fun <- function(x , y){ x + y x - y x * y x / y } debug ...