JavaScript键盘事件侦听
在使用JavaScript做WEB键盘事件侦听捕获时,主要采用onkeypress、onkeydown、onkeyup三个事件进行出来。该三个事件的执行顺序如下:onkeydown -> onkeypress ->onkeyup。在一般情况下,采用三种键盘事件均可对键盘输入进行有效的响应。当在实际使用中,会发现这几者有些不同的差别。
onkeypress事件不能对系统功能键(例如:后退、删除等,其中对中文输入法不能有效响应)进行正常的响应,onkeydown和onkeyup均可以对系统功能键进行有效的拦截,但事件截获的位置不同,可以根据具体的情况选择不同的键盘事件。
由于onkeypress不能对系统功能键进行捕获,导致window.event对象的keyCode属性和onkeydown,onkeyup键盘事件中获取的keyCode属性不同,主要表现在onkeypress事件的keyCode对字母的大小写敏感,而onkeydown、onkeyup事件不敏感;onkeypress事件的keyCode无法区分主键盘上的数字键和付键盘数字键的,而onkeydown、onkeyup的keyCode对主付键盘的数字键敏感。
注:在Maxthon浏览器中,onkeydown和onkeyup有连续响应两次键盘事件的BUG,onkeydown不能正常地对F1~F12的功能键进行正常的截获(onkeyup没有发现该问题),具体原因不明。不知道以后是否会进行订正。
组合键最后用onkeyup触发
按键 键码
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
2.数字键盘上的键的键码值(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
3.控制键键码值(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
分享到:
相关推荐
在描述中,我们看到“全局键盘和鼠标侦听器”,这意味着开发者可以编写代码来捕捉系统范围内的键盘事件(如按键按下、释放)和鼠标事件(如点击、移动、滚动)。这对于创建跨平台的用户交互程序非常有用,因为它们能...
tcpping 工具工作在 TCP 层,通过发送伪造的 TCP SYN 包并侦听来自服务器或中间设备返回的 SYN/ACK 或 RST 。tcpping需要调用tcptraceroute。打印与ping近乎相同测试结果。
jmeter后端侦听器kafka 一个JMeter插件,使您可以将测试结果发送到Kafka服务器
标题 "matlab开发-JavaScript 项目-vue-sui-demo.zip" 暗示这是一个结合了MATLAB和JavaScript技术的项目,具体来说是基于Vue.js框架和SUI Mobile UI库的示例应用。这个压缩包可能包含了一个完整的前端项目结构,用于...
众所周知,世界上97%的台式机上都安装有Flash Player,利用包含Flash创作工具、渲染引擎和已建立的超过200万的设计者和开发者群体的Flash平台生态系统,我们可以制作出各式各样的Flash动画。Adobe推出了flash最新...
该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机挂钩处理键盘和鼠标事件。 发现了错误? 关于Node.js全局本机键盘和鼠标侦听器。 该模块可以通过JavaScript / TypeScript应用程序内部和外部的本机...
在本节中,我们将深入探讨事件侦听的概念及其在编程中的应用。事件侦听是ActionScript(特别是Flash和Flex)中一个重要的交互处理机制。它允许我们对用户的行为或者对象的状态变化做出响应,例如,当用户点击一个...
- 载波侦听:在发送数据之前,先监听介质是否空闲。 - 多路访问:允许多个设备共享同一物理介质。 - 冲突检测:当两个或更多设备同时发送数据导致冲突时,可以立即检测到并采取措施(如重传)。 ##### 3. **全...
- [05-计算属性与侦听器](./05-计算属性与侦听器/05-计算属性与侦听器.md ) - [06-事件监听](./06-事件监听/06-事件监听.md ) - [07-条件判断](./07-条件判断/07-条件判断.md) - [08-遍历循环](./08-遍历循环/08-...
在本项目中,“后台管理平台------vue---.rar” 提供了一个基于Vue.js的后台管理系统源代码,用于帮助开发者理解和学习如何构建此类应用。该项目很可能采用了Element UI,这是一个由Vue.js驱动的UI组件库,提供了...
react-hotkeys React组件可侦听keydown和keyup键盘事件,定义和调度键盘快捷键。 使用hotkeys.js的fork进行特殊字符的keydown检测。 您为它提供了shortcu react-hotkeys React组件的键盘映射,以侦听keydown和keyup...
您的反馈意见,将不胜感激 :cherries: 特征轻量级且无依赖-仅2kb min gzip React性属性$socket.connected和$socket.disconnected 侦听和发出组件内部的socket.io事件在socket.io事件上自动调度多个命名空间的Vuex...
在MATLAB开发中,事件侦听器是一种强大的工具,它允许程序对特定事件做出响应,例如数据更改或用户交互。本教程重点介绍了如何利用单个事件侦听器以及MATLAB UI(用户界面)中的Simulink Signal Viewer来增强模型的...
1. **载波侦听**:发送数据前,设备会检测介质是否空闲。如果介质空闲,则可以发送数据;如果介质被占用,则等待一段时间后再次尝试。 2. **多址接入**:多个设备可以同时接入网络。 3. **碰撞检测**:发送数据的...
JavaScript事件侦听器是JavaScript中处理用户交互或DOM(文档对象模型)变化的关键机制。它允许程序员注册回调函数,以便当特定的事件发生时,这些函数会被调用。事件可以是用户的行为,如点击按钮、鼠标移动,或者...
Dojo事件对象包含了丰富的属性,例如`bubbles`(事件是否冒泡)、`currentTarget`(当前处理事件的节点)和`keyCode`(键盘事件的键码)等,这些都极大地简化了跨浏览器的事件处理。 键码的标准化是Dojo的一大亮点...
symfony-json-request-transformer, 用于解码JSON编码请求内容的Symfony 2事件侦听器 symfony-json-request-transformer用于解码JSON编码请求内容的Symfony事件侦听器。 请阅读关于这里知识库的博客文章,位于 /...
最小2kb gzipReact性$ socket.connected和$ socket.disconnected侦听和发出组件内的socket.io事件自动调度动作和突变在socket.io事件上的多个具有命名空间的Vuex模块中,具有良好的TypeScript支持(装饰器和键入),...
本文将详细介绍 JavaScript 中的基础事件和 Event 对象,包括事件的定义、EventTarget 接收事件接口、addEventListener、removeEventListener、dispatchEvent 方法 serta JavaScript 中常用的事件等。 事件的定义 -...