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