2021-09-07

js键盘按钮keyCode及示例大全

文章目录

以功能区分布

以 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 事件获取用户按下键盘按键信息的例子：

复制代码

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

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

}

复制代码

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

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

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

回目录
javascript判断是否按回车键
复制代码
<input id=“chatMsg” name=“chatMsg” type=“text”

size=“90” οnkeypress=“enterHandler(event);”/>

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.keyCode37)|| //屏蔽 Alt+ 方向键 ←
(window.event.keyCode39))){ //屏蔽 Alt+ 方向键 →
alert(“不准你使用ALT+方向键前进或后退网页！”);
event.returnValue=false;
}
if ((event.keyCode8)|| //屏蔽退格删除键
(event.keyCode116)){ //屏蔽 F5 刷新键
event.keyCode=0;
event.returnValue=false;
}
if ((event.ctrlKey)&&(event.keyCode78)){ //屏蔽 Ctrl+n
event.returnValue=false;
}
if ((event.shiftKey)&&(event.keyCode121)){ //屏蔽 shift+F10
event.returnValue=false;
}
if (event.keyCode==122){ //屏蔽 F11
event.returnValue=false;
}
}
复制代码

回目录
获取键和相应值的js
另附上一段代码，

可以根据按的键盘上的键，显示键盘动作，并显示keyCode值等

复制代码

Keyboard Event Handler Lab

---

	onKeyDown	onKeyPress	onKeyUp
Key Codes	0	0	0
Char Codes (IE5/Mac; NN6)	0	0	0
Modifier Keys	Shift	Shift	Shift
	Ctrl	Ctrl	Ctrl
	Alt	Alt	Alt