标签：
键盘事件拥有两个属性，keyCode和CharCode，他们之间有一些不一样之处。keyCode表示用户按下键的实际的编码，而charCode是指用户按下字符的编码。
IE下
keyCode：对于keypress事件，表示按下按键的Unicode字符；对于keydown/keyup 事件，表示按下按键的数字代码。无charCode属性。
DOM标准下
keyCode：表示按下按键的数字代码。
charCode：按下按键的Unicode字符。
当我按下“a”键（注意是小写的字母）时，
在火狐中会得到
keydown：keyCode is 65 charCode is 0
keypress：keyCode is 0 charCode is 97
keyup： keyCode is 65 charCode is 0
在谷歌中会得到
keydown：keyCode is 65 charCode is 0
keypress：keyCode is 97 charCode is 97
keyup： keyCode is 65 charCode is 0
在IE中会得到
keydown：keyCode is 65 charCode is undefined
keypress：keyCode is 97 charCode is undefined
keyup： keyCode is 65 charCode is undefined
而当我按下shift键时，
在火狐中会得到
keydown：keyCode is 16 charCode is 0
keyup： keyCode is 16 charCode is 0
不会得到任何的charCode值，因为按shift并没输入任何的字符，而且也不会触发keypress事件。
在谷歌中会得到
keydown：keyCode is 16 charCode is 0
keyup： keyCode is 16 charCode is 0
在IE中会得到
keydown：keyCode is 16 charCode is undefined
keyup： keyCode is 16 charCode is undefined
小结：
1.在keydown事件里面，事件包含了keyCode – 用户按下的按键的物理编码。
2.在keypress里，keyCode包含了字符编码，即表示字符的ASCII码。这样的形式适用于所有的浏览器 – 除了火狐，它在keypress事件中的keyCode返回值为0。
如果你想获取用户实际敲击的按钮，用keydown事件来获取事件对象，并获取keyCode值，这在所有浏览器都行的通。另一方面，如果你想获取用户输入的字符，那么就使用keypress来获取，然后获取charCode（火狐和safari）或是keyCode（其他浏览器）。
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>keyCode属性-蚂蚁部落</title>
<script type="text/javascript">
/*function keyEvent(ev){
var ev=ev||window.event;
alert(ev.keyCode);
}
document.onkeydown=keyEvent; */
function keyEvent(ev){
var ev=ev||window.event;
alert(ev.charCode);
}
document.onkeypress=keyEvent;
//火狐下onkeypress a-------97 ,onkeydown a --------0
//火狐下onkeypress b-------98 ,onkeydown b --------0
var getCharCode = function(ev){
var ev=ev||window.event;
if (typeof ev.charCode == "number"){
alert(ev.charCode);
return ev.charCode;
} else {
alert(ev.keyCode);
return ev.keyCode;
}
}
document.onkeydown=getCharCode;
//a--------65
//b--------66
</script>
</head>
<body>
</body>
</html>
由于浏览器差异键值输出差异，给出个兼容获取键值的方法
var getCharCode = function(ev){
var ev=ev||window.event;
if (typeof ev.charCode == "number"){
//alert(ev.charCode);
return ev.charCode;
} else {
//alert(ev.keyCode);
return ev.keyCode;
}
}
keyCode 与charCode
标签：
原文地址：http://www.cnblogs.com/double405/p/5120384.html
