JavaScriptonkeydown事件⼊门实例(键盘某个按键被按
下)
JavaScript onkeydown 事件
⽤户按下⼀个键盘按键时会触发 onkeydown 事件。与事件不同的是,onkeydown 事件是响应任意键按下的处理(包括功能键),onkeypress 事件只响应字符键按下后的处理。
提⽰
Internet Explorer/Chrome 浏览器使⽤ event.keyCode 取回被按下的字符,⽽ Netscape/Firefox/Opera 等浏览器使⽤event.which。
onkeydown 获取⽤户按下的键
下⾯是⼀个利⽤ onkeydown 事件获取⽤户按下键盘按键信息的例⼦:
复制代码代码如下:
<html>
<body>
<script type="text/javascript">
function noNumbers(e)
{
javascript经典代码大全var keynum;
var keychar;
keynum = window.event ? e.keyCode : e.which;
keychar = String.fromCharCode(keynum);
alert(keynum+':'+keychar);
}
</script>
<input type="text" onkeydown="return noNumbers(event)" />
</body>
</html>
如上⾯例⼦所⽰,event.keyCode/event.which 得到的是⼀个按键对应的数字值(Unicode 编码),常⽤键值对应如下:
数字值实际键值
48到570到9
65到90a到z(A到Z)
112到135F1到F24
8BackSpace(退格)
9Tab
13Enter(回车)
20Caps_Lock(⼤写锁定)
32Space(空格键)
37Left(左箭头)
38Up(上箭头)
39Right(右箭头)
40Down(下箭头)
在 Web 应⽤中,常常可以看到利⽤ onkeydown 事件的 event.keyCode/event.which 来获取⽤户的⼀些键盘操作,从⽽运⾏某些运⽤的例⼦。如在⽤户登录时,如果按下了⼤写锁定键(20),则加以提⽰⼤写锁定;在有翻页的时候,如果⽤户按下左右箭头,触发上下翻页等。
获得 Unicode 编码值之后,如果需要得到实际对应的按键值,可以通过 Srting 对象的 fromCharCode ⽅法
(String.fromCharCode())获得。注意,对于字符获得的始终是⼤写字符,⽽对于其他⼀些功能按键,得到的字符可能不太
易阅读。
PS:这⾥再为⼤家推荐⼀款关于JS事件的在线查询⼯具,归纳总结了JS常⽤的事件类型与函数功能:javascript事件与功能说明⼤全: