`

如何用javacript捕捉键盘的动作

阅读更多
经常我们需要捕捉键盘的动作,比如按了什么键。
好处,你懂得的。
兼容IE和firefox的js。
document.onkeydown=function(evt)
{
	var evt=window.event?window.event:evt;
	if(evt.keyCode==13)
	{
		alert("你按了回车键!");
	}
};

下面是keycode的对应:
event.keycode值大全
1 keycode 8 = BackSpace BackSpace
2 keycode 9 = Tab Tab
3 keycode 12 = Clear
4 keycode 13 = Enter
5 keycode 16 = Shift_L
6 keycode 17 = Control_L
7 keycode 18 = Alt_L
8 keycode 19 = Pause
9 keycode 20 = Caps_Lock
10 keycode 27 = Escape Escape
11 keycode 32 = space space
12 keycode 33 = Prior
13 keycode 34 = Next
14 keycode 35 = End
15 keycode 36 = Home
16 keycode 37 = Left
17 keycode 38 = Up
18 keycode 39 = Right
19 keycode 40 = Down
20 keycode 41 = Select
21 keycode 42 = Print
22 keycode 43 = Execute
23 keycode 45 = Insert
24 keycode 46 = Delete
25 keycode 47 = Help
26 keycode 48 = 0 equal braceright
27 keycode 49 = 1 exclam onesuperior
28 keycode 50 = 2 quotedbl twosuperior
29 keycode 51 = 3 section threesuperior
30 keycode 52 = 4 dollar
31 keycode 53 = 5 percent
32 keycode 54 = 6 ampersand
33 keycode 55 = 7 slash braceleft
34 keycode 56 = 8 parenleft bracketleft
35 keycode 57 = 9 parenright bracketright
36 keycode 65 = a A
37 keycode 66 = b B
38 keycode 67 = c C
39 keycode 68 = d D
40 keycode 69 = e E EuroSign
41 keycode 70 = f F
42
43 keycode 71 = g G
44 keycode 72 = h H
45 keycode 73 = i I
46 keycode 74 = j J
47 keycode 75 = k K
48 keycode 76 = l L
49 keycode 77 = m M mu
50 keycode 78 = n N
51 keycode 79 = o O
52 keycode 80 = p P
53 keycode 81 = q Q at
54 keycode 82 = r R
55 keycode 83 = s S
56 keycode 84 = t T
57 keycode 85 = u U
58 keycode 86 = v V
59 keycode 87 = w W
60 keycode 88 = x X
61 keycode 89 = y Y
62 keycode 90 = z Z
63 keycode 96 = KP_0 KP_0
64 keycode 97 = KP_1 KP_1
65 keycode 98 = KP_2 KP_2
66 keycode 99 = KP_3 KP_3
67 keycode 100 = KP_4 KP_4
68 keycode 101 = KP_5 KP_5
69 keycode 102 = KP_6 KP_6
70 keycode 103 = KP_7 KP_7
71 keycode 104 = KP_8 KP_8
72 keycode 105 = KP_9 KP_9
73 keycode 106 = KP_Multiply KP_Multiply
74 keycode 107 = KP_Add KP_Add
75
76 keycode 108 = KP_Separator KP_Separator
77 keycode 109 = KP_Subtract KP_Subtract
78 keycode 110 = KP_Decimal KP_Decimal
79 keycode 111 = KP_Divide KP_Divide
80 keycode 112 = F1
81 keycode 113 = F2
82 keycode 114 = F3
83 keycode 115 = F4
84
85
86 keycode 116 = F5
87 keycode 117 = F6
88 keycode 118 = F7
89 keycode 119 = F8
90 keycode 120 = F9
91 keycode 121 = F10
92 keycode 122 = F11
93 keycode 123 = F12
94 keycode 124 = F13
95 keycode 125 = F14
96 keycode 126 = F15
97 keycode 127 = F16
98 keycode 128 = F17
99 keycode 129 = F18
100 keycode 130 = F19
101 keycode 131 = F20
102 keycode 132 = F21
103 keycode 133 = F22
104 keycode 134 = F23
105 keycode 135 = F24
106 keycode 136 = Num_Lock
107 keycode 137 = Scroll_Lock
108 keycode 187 = acute grave
109 keycode 188 = comma semicolon
110 keycode 189 = minus underscore
111 keycode 190 = period colon
112 keycode 192 = numbersign apostrophe
113 keycode 210 = plusminus hyphen macron
114 keycode 211 =
115 keycode 212 = copyright registered
116 keycode 213 = guillemotleft guillemotright
117 keycode 214 = masculine ordfeminine
118 keycode 215 = ae AE
119 keycode 216 = cent yen
120 keycode 217 = questiondown exclamdown
121 keycode 218 = onequarter onehalf threequarters
122 keycode 220 = less greater bar
123 keycode 221 = plus asterisk asciitilde
124 keycode 227 = multiply division
125
126 keycode 228 = acircumflex Acircumflex
127 keycode 229 = ecircumflex Ecircumflex
128 keycode 230 = icircumflex Icircumflex
129 keycode 231 = ocircumflex Ocircumflex
130 keycode 232 = ucircumflex Ucircumflex
131 keycode 233 = ntilde Ntilde
132 keycode 234 = yacute Yacute
133 keycode 235 = oslash Ooblique
134 keycode 236 = aring Aring
135 keycode 237 = ccedilla Ccedilla
136 keycode 238 = thorn THORN
137 keycode 239 = eth ETH
138 keycode 240 = diaeresis cedilla currency
139 keycode 241 = agrave Agrave atilde Atilde
140 keycode 242 = egrave Egrave
141 keycode 243 = igrave Igrave
142 keycode 244 = ograve Ograve otilde Otilde
143 keycode 245 = ugrave Ugrave
144 keycode 246 = adiaeresis Adiaeresis
145 keycode 247 = ediaeresis Ediaeresis
146 keycode 248 = idiaeresis Idiaeresis
147 keycode 249 = odiaeresis Odiaeresis
148 keycode 250 = udiaeresis Udiaeresis
149 keycode 251 = ssharp question backslash
150 keycode 252 = asciicircum degree
151 keycode 253 = 3 sterling
152 keycode 254 = Mode_switch
153
154 使用event对象的keyCode属性判断输入的键值
155 eg:if(event.keyCode==13)alert(“enter!”);
156 键值对应表
157 A  0X65  U   0X85
158 B  0X66  V   0X86
159 C  0X67  W   0X87
160 D  0X68  X   0X88
161 E  0X69  Y   0X89
162 F  0X70  Z   0X90
163 G  0X71  0   0X48
164 H  0X72  1   0X49
165 I   0X73  2   0X50
166 J   0X74  3   0X51
167 K  0X75  4   0X52
168 L  0X76  5   0X53
169 M  0X77  6   0X54
170 N  0X78  7   0X55
171 O  0X79  8   0X56
172 P  0X80  9   0X57
173 Q  0X81 ESC  0X1B
174 R  0X82 CTRL  0X11
175 S  0X83 SHIFT 0X10
176 T  0X84 ENTER 0XD
177
178
如果要使用组合键,则可以利用event.ctrlKey,event.shiftKey,event .altKey判断是否按下了ctrl键、shift键以及alt
分享到:
评论

相关推荐

    html.rar_html javascript_键盘

    在JavaScript中,键盘事件通常通过事件监听器(event listeners)来捕捉。主要有三种键盘事件:`keydown`、`keyup` 和 `keypress`。`keydown` 事件在用户按下键盘键时触发,`keyup` 事件在用户释放键时触发,而 `...

    javascript实现捕捉键盘上按下的键

    1. 如何使用JavaScript捕捉键盘事件; 2. event对象及其keyCode属性的应用; 3. onkeyup和onkeydown事件的使用方法; 4. 如何将获取到的键码值显示在网页上; 5. HTML和JavaScript结合实现具体功能。 需要注意的是...

    javascript中的宠物石

    JavaScript结合CSS3或者使用像GreenSock这样的库,可以实现流畅的动画效果,让宠物的动作更加生动有趣。例如,当宠物接到命令时,可以设计一个摇尾巴的动作动画。 总的来说,"javascript中的宠物石"项目涵盖了...

    javascript经典特效---用键盘来导航.rar

    在JavaScript中,我们可以监听键盘事件,如`keydown`、`keyup`和`keypress`,来捕捉用户的键盘输入。 对于键盘导航,我们通常会关注`keydown`事件,因为这个事件会在用户按下键盘键时触发。通过在全局作用域或者...

    键盘 keycode的值 javascript时触发事件时很有用的要素

    在实际应用中,我们通常会根据需要选择合适的事件监听器来捕捉键盘动作。 使用这些键码值时,需要注意的是,不同浏览器可能会有不同的实现,包括按键事件的捕获和键码值的返回。因此,在跨浏览器开发中,可能需要...

    JavaScript 接收键盘指令示例

    针对 Netscape 浏览器,使用了`document.captureEvents`方法捕捉键盘事件。 6. `onkeydown`属性:这与`document.onkeypress`类似,但用于监听`keydown`事件。当用户按下键盘上的任意键时,都会触发绑定到此属性的...

    用javaScript做的小游戏,很有趣。

    例如,当用户点击屏幕或按下键盘时,JavaScript可以捕捉这些事件,执行相应的游戏逻辑,如移动角色、发射子弹等。 3. **定时器和动画**:JavaScript的`setInterval`和`setTimeout`函数常用于实现游戏循环,如帧动画...

    javascript期末项目-贪吃蛇.zip

    【描述】提到的“蛇的控制”是指通过键盘输入或者触摸屏操作来控制蛇的移动方向,这通常需要利用JavaScript的事件监听机制,例如keydown事件来捕捉用户的按键动作,然后更新蛇的位置。同时,游戏区域需要限制蛇的...

    JavaScript 写的推箱子

    通过查看和分析这个文件,你可以学习到如何将一个简单的推箱子游戏用JavaScript实现,以及如何将游戏逻辑与用户界面紧密结合。 总的来说,通过编写JavaScript推箱子游戏,开发者可以提升对JavaScript基础语法、DOM...

    移动端自定义键盘

    使用媒体查询(media queries)和响应式设计,可以确保键盘在各种设备上都能正常显示和使用。此外,还需考虑字体大小、按键布局和间距,以及按钮的视觉反馈(如点击态、高亮等),以提升用户体验。 3. **JavaScript...

    JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器

    `keydown`事件是捕捉键盘输入最通用的方式,因为几乎所有的键盘输入都会触发`keydown`事件。 ### 事件对象的兼容处理 由于不同浏览器对于事件对象的处理存在差异,因此在编写跨浏览器代码时需要进行兼容性处理。...

    纯javascript写的超级玛丽 IE9 火狐等可用

    7. 用户交互:JavaScript能够捕捉用户的键盘输入,让玩家通过键盘控制超级玛丽的移动、跳跃等动作,实现游戏的交互性。 总的来说,这个项目展示了JavaScript在现代网页游戏开发中的强大能力,以及开发者对跨平台...

    javascript 实现键盘上下左右功能的小例子

    本例中的onkeydown事件监听器用于捕捉键盘按键动作,并触发特定的函数。 在实际的应用中,我们可以将up、down、left和right函数替换为更加复杂的逻辑处理,比如页面元素的位置移动、页面滚动或表单元素的聚焦等。...

    javascript表单事件汇总

    它们是处理键盘输入的基础,可以用来捕捉用户的输入行为,如实现快捷键、游戏控制或文本输入限制。 ### 九、onload 页面加载完毕后触发`onload`事件。这是一个重要的生命周期事件,常用于初始化页面状态、加载额外...

    处理键盘事件

    例如,在JavaScript中,我们可以使用`addEventListener`函数监听键盘事件,如`keydown`、`keyup`和`keypress`。在Python中,如果是在命令行环境下,可以使用`sys.stdin.readline()`来读取用户输入;如果是图形界面...

    网页游戏-Javascript

    当玩家点击、移动鼠标或键盘输入时,JavaScript可以捕捉这些事件,然后执行相应的游戏动作。例如,玩家控制的角色移动、攻击或交互,都是通过监听并处理用户输入事件来实现的。 其次,JavaScript能够进行动画和游戏...

    js键盘事件

    在JavaScript编程中,键盘事件是非常重要的交互元素之一,它们允许开发者捕捉用户的键盘输入行为,并根据这些输入执行相应的操作。本文将详细解释JS中的键盘事件及其应用场景。 #### 一、键盘事件介绍 键盘事件...

    一款简单的使用键盘按键的Html5贪吃蛇特效

    HTML5提供了事件监听功能,可以捕捉到用户在键盘上按下上、下、左、右箭头键的动作,从而改变蛇的移动方向。游戏规则的设定表明,玩家需要熟练地使用这些按键来控制蛇的移动,避免碰撞并尽可能吃到更多的食物。 在...

    javascript经典特效---模拟跳舞游戏.rar

    2. **事件监听与处理**:通过添加事件监听器,如`addEventListener`,可以捕捉用户的键盘输入、鼠标点击等动作,让游戏根据用户操作作出反应。 3. **CSS动画与JavaScript动画**:可能结合CSS3的过渡(transitions)...

    纯javascript经典俄罗斯方块小游戏.zip

    - **方块移动**:用户通过键盘控制方块的左右移动,这些动作通过JavaScript监听键盘事件并更新方块位置来实现。 - **方块旋转**:当用户旋转方块时,JavaScript会计算旋转后的坐标,确保方块在可放置的区域内。 -...

Global site tag (gtag.js) - Google Analytics