键盘事件（Keyboard Events）

属性	值	描述
onkeydown	script	当按下按键时运行脚本
onkeypress	script	当按下并松开按键时运行脚本
onkeyup	script	当松开按键时运行脚本

js中获取键盘事件

onkeydown 获取用户按下的键

下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子：

代码如下:

< html>
< body>
< script type="text/javascript">

function noNumbers(e)
{
var keynum;
var keychar;

keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}

</script>
< input type="text" οnkeydοwn="return noNumbers(event)" />
< /body>
< /html>

提示

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。

如上面例子所示，event.keyCode/event.which 得到的是一个按键对应的数字值（Unicode 编码），常用键值对应如下：

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）

在 Web 应用中，常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 来获取用户的一些键盘操作，从而运行某些运用的例子。如在用户登录时，如果按下了大写锁定键（20），则加以提示大写锁定；在有翻页的时候，如果用户按下左右箭头，触发上下翻页等。

获得 Unicode 编码值之后，如果需要得到实际对应的按键值，可以通过 Srting 对象的 fromCharCode 方法（String.fromCharCode()）获得。注意，对于字符获得的始终是大写字符，而对于其他一些功能按键，得到的字符可能不太易阅读。

JavaScript 获取键盘事件(键盘某个按键被按下)相关推荐

Web APIs：事件高级--键盘事件，京东按键输入及模拟京东快递单查询案例
常用的键盘事件 keydown和keypress的区别是keypress不识别功能键例如ctrl,shift 执行顺序keydown>keypress>keyup keyCode判断用户 ...
【JavaScript 教程】事件——键盘事件
作者 | 阮一峰键盘事件的种类键盘事件由用户击打键盘触发,主要有keydown.keypress.keyup三个事件,它们都继承了KeyboardEvent接口. keydown:按下键盘时触发. ...
怎么样用javascript获取触发事件的对象
1 < script language = " javascript " > 2 document.onclick = onClick; // 当用户在文档中点 ...
vue 指令 v-on 事件修饰符-键盘事件-键盘事件梳理
<body><div id="app">用户名:<input type="text" v-on:keyup.delete='cle ...
js--鼠标点击移动松开事件、滚轮事件、键盘事件
目录 1.推拽 2.滚轮事件 3.键盘事件 1.推拽 <!DOCTYPE html> <html><head><meta charset="UTF- ...
JavaScript键盘事件经典案例
JavaScript键盘事件五大经典案例目录: JavaScript键盘事件五大经典案例 1.什么是键盘事件 2.常用键盘事件 3.常用属性和方法 4.案例 4.1 京东搜索框 4.2 快递单号输入 ...
773-780---DOM事件高级（常用鼠标事件，案例：跟随鼠标的天使，常用的键盘事件，案例：模拟京东按键输入内容，案例：模拟京东快递单号查询）
文章目录事件高级 7 常用的鼠标事件 7.1常用的鼠标事件 7.2 鼠标事件对象案例:跟随鼠标的天使 8 常用的键盘事件 8.1 常用的键盘事件 8.2 键盘事件对象 8.3 ASCII 表案例 ...
javascript之键盘事件onkeydown,onkeyup,onkeypress
键盘事件键盘事件一般绑定给document,以及一些可以获取焦点的标签,如input标签. onkeydown事件: 当键盘任意键按下时执行,按下不松,会不断执行. onkeyup事件: 当键盘任意 ...
php接收键盘事件,js获取键盘事件的方法实例
本文主要和大家分享js获取键盘事件的方法实例,希望能帮助到大家. document.οnkeydοwn=function(event){ var e = event || window.event | ...

JavaScript 获取键盘事件(键盘某个按键被按下)

键盘事件（Keyboard Events）

js中获取键盘事件

JavaScript 获取键盘事件(键盘某个按键被按下)相关推荐

最新文章

热门文章