文章目录
- 以功能区分布
-
- 以 keycode 编号顺序分布
- 简记表
- 使用示例:
- 组合键
- 获取用户按下的键
- Javascript判断是否按回车键
- 屏蔽按键组合健
- 获取键和相应值的js
回目录
以功能区分布
回目录
回目录
以 keycode 编号顺序分布
点击展开
回目录
简记表
数字值 | 实际键值 |
---|
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(下箭头) |
回目录
使用示例:
回目录
组合键
if ((window.event.ctrlKey)&&(window.event.keyCode==49))alert("您按下了CTRL+1键");
从以上例子可以看出,shift、Control、Alt 在JS中也可用“window.event.shiftKey”、“window.event.ctrlKey”、“window.event.altKey” 代替。
Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符,而 Netscape/Firefox/Opera 等浏览器使用 event.which。
回目录
获取用户按下的键
下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子:
如上面例子所示,event.keyCode/event.which 得到的是一个按键对应的数字值(Unicode 编码),常用键值对应如下:
在 Web 应用中,常常可以看到利用 onkeydown 事件的 event.keyCode/event.which 来获取用户的一些键盘操作,从而运行某些运用的例子。如在用户登录时,如果按下了大写锁定键(20),则加以提示大写锁定;在有翻页的时候,如果用户按下左右箭头,触发上下翻页等。
获得 Unicode 编码值之后,如果需要得到实际对应的按键值,可以通过 Srting 对象的 fromCharCode 方法(String.fromCharCode())获得。注意,对于字符获得的始终是大写字符,而对于其他一些功能按键,得到的字符可能不太易阅读。
回目录
Javascript判断是否按回车键
function enterHandler(event){//获取用户单击键盘的“键值”var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;//如果是回车键if (keyCode == 13){sendRequest();}}
回目录
屏蔽按键组合健
function Key Down(){ if ((window.event.altKey)&& ((window.event.keyCode==37)|| //屏蔽 Alt+ 方向键 ← (window.event.keyCode==39))){ //屏蔽 Alt+ 方向键 → alert("不准你使用ALT+方向键前进或后退网页!"); event.returnValue=false; } if ((event.keyCode==8)|| //屏蔽退格删除键 (event.keyCode==116)){ //屏蔽 F5 刷新键 event.keyCode=0; event.returnValue=false; } if ((event.ctrlKey)&&(event.keyCode==78)){ //屏蔽 Ctrl+n event.returnValue=false; } if ((event.shiftKey)&&(event.keyCode==121)){ //屏蔽 shift+F10 event.returnValue=false; } if (event.keyCode==122){ //屏蔽 F11 event.returnValue=false; } }
回目录
获取键和相应值的js
另附上一段代码,
可以根据按的键盘上的键,显示键盘动作,并显示keyCode值等