javascript之键盘事件

键盘事件包含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之键盘事件相关推荐

JavaScript绑定键盘事件的多种写法
使用JavaScript来绑定键盘事件时,有多种写法,而他们的实现效果实际上是等价的,下面一一来列举. 方式一: function keyboard() {document.onkeydown = f ...
JavaScript 获取键盘事件(键盘某个按键被按下)
键盘事件(Keyboard Events) 属性值描述 onkeydown script 当按下按键时运行脚本 onkeypress script 当按下并松开按键时运行脚本 onkeyup sc ...
JavaScript的键盘事件
键盘事件 keypress 当键盘键按下的过程首先,按键被按下,然后, 按键被松开 keydown 当键盘键按下时,触发 Keyup 当键盘键松开时,触发触发顺序 1.keypress键按下的过程 ...
Javascript鼠标键盘事件
鼠标事件 click:单击 dblclick:双击 mousedown:鼠标按下 mouseup:鼠标抬起 mouseover:鼠标悬浮 mouseout:鼠标离开 mousemove:鼠标移动 mo ...
javascript之键盘事件onkeydown,onkeyup,onkeypress
键盘事件键盘事件一般绑定给document,以及一些可以获取焦点的标签,如input标签. onkeydown事件: 当键盘任意键按下时执行,按下不松,会不断执行. onkeyup事件: 当键盘任意 ...
JavaScript基础14-day16【事件委派、事件绑定、事件传播、滚轮事件、键盘事件、键盘移动div】
学习地址: 谷粒学院--尚硅谷哔哩哔哩网站--尚硅谷最新版JavaScript基础全套教程完整版(140集实战教学,JS从入门到精通) JavaScript基础.高级学习笔记汇总表[尚硅谷最新版Ja ...
javaScript+css+html——键盘事件（通过键盘上下左右控制图形位置）
该篇效果需要自己去试,测试的时候通过键盘上面的上下左右来控制图形的位置即可,可通过这个内容尝试做俄罗斯方块. 通过switch case语句控制所选方向. 效果图如下: 代码如下: <!DOCT ...
JavaScript键盘事件常见用法实例分析
JavaScript 键盘事件有以下3种 keydown 键盘按键按下(如果按着不放,会持续触发该事件),可以捕获组合键. keypress 键盘非功能按键按下(在keydown之后触发,如果按着不放 ...
html 鼠标中键事件,Javascript事件模拟(鼠标事件、键盘事件)
在javascript编程中,事件是用来描述网页中某一特定有趣时刻的,众所周知事件通常是在由用户和浏览器进行交互时触发,其实不然,通过Javascript可以在任何时间触发特定的事件,并且这些事件与浏 ...
JavaScript键盘事件经典案例
JavaScript键盘事件五大经典案例目录: JavaScript键盘事件五大经典案例 1.什么是键盘事件 2.常用键盘事件 3.常用属性和方法 4.案例 4.1 京东搜索框 4.2 快递单号输入 ...

javascript之键盘事件

javascript之键盘事件相关推荐

最新文章

热门文章