keyCode属性返回onkeypress事件触发的键值的字符代码，或onkeydown/onkeyup的键的代码。
两种代码类型的区别是：
字符代码 - 表示 ASCII 字符的数字
键盘代码 - 表示键盘上真实键的数字
HTML:
|
1
|
<
input
type
=
"text"
id
=
"test"
onkeydown
=
"testKeyCode();"
>
|
JS:
|
1
2
3
4
5
|
//按下回车键处理程序
function
testKeyCode(){
var
e = e||window.event;
//兼容IE浏览器，IE8将事件对象保存为一个全局变量event
console.log(e);
}
|
把事件源对象打印出来，看看有哪些常见的属性
现在想要知道按键对应的键值，我们可以这么做
JS：
|
1
2
3
4
5
6
7
8
9
10
|
function
testKeyCode(){
var
e = e||window.event;
console.log(e);
var
x = e.keyCode;
//获取Unicode值,例如enter的keycode是13，A的keycode是65
console.log(x);
var
y = String.fromCharCode(x);
//将键值转换为字符
console.log(y);
var
z = e.key;
//key 事件在按下按键时返回按键的标识符
console.log(z);
}
|
在页面输入框中分别输入a,回车键，大写字母键，右箭头键，查看控制台
附上Keycode完整的值列表
本文转自 frwupeng517 51CTO博客，原文链接:http://blog.51cto.com/dapengtalk/1860203
