charCode对应的事键的ascii码，key是键，keyCode是键码，对吗？

感觉视频里面有时候讲错了，还是我

王文辉 2020-04-23

源自：jQuery事件 3-1 键盘事件（上）

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2020-04-23 11:45:34

同学你好，对于你的问题解答如下：

1、charCode 属性在onkeypress事件中返回是键盘按键对应的Unicode值，但用于 onkeydown 或 onkeyup 事件，返回的值总为 "0"

2、key返回的就是对应的键盘按键

3、keyCode属性在onkeypress事件中返回的的是对应的 ASCII 码。但在 onkeydown 或 onkeyup 事件中返回的是键码。例如：小写字符 "w" 和大写字符 "W" 有相同键码，因为他们在键盘使用一个按键 ( "W" 代码为 "87")，但是它们有不同的 ASCII 码，两个字符输出是不一样的( "w" 和 "W" 字符代码为 "119" 和 "87")

<!DOCTYPE html>
 
<html>
 
<head>
 
<meta charset="UTF-8">
 
<title>Document</title>
 
</head>
 
<body>
<input type="text" id="btn1">
<input type="text" id="btn2">
<input type="text" id="btn3">
 
<script type="text/javascript">
var btn1 = document.getElementById('btn1')
var btn2 = document.getElementById('btn2')
var btn3 = document.getElementById('btn3')
btn1.onkeypress = function(event) {
console.log('btn1,charCode: ', event.charCode)
console.log('btn1,key: ', event.key)
console.log('btn1,keyCode: ', event.keyCode)
}
btn2.onkeydown = function(event) {
console.log('btn2,charCode: ', event.charCode)
console.log('btn2,key: ', event.key)
console.log('btn2,keyCode: ', event.keyCode)
}
btn3.onkeyup = function(event) {
console.log('btn3,charCode: ', event.charCode)
console.log('btn3,key: ', event.key)
console.log('btn3,keyCode: ', event.keyCode)
}
</script>
 
</body>
 
</html>

同学可以结合代码测试理解下，同学不用纠结，由于这些属性存在兼容性，所以实际中不经常使用，简单了解下就可以了。

另，同学如果觉得视频中有的知识讲解有误，可以指出具体是哪一小节几分几秒，便于审核视频，帮助同学更加高效准确的定位与解决问题。

祝学习愉快 ~

收起回答

王文辉提问者 #1

jq应该解决了这个兼容性问题吧，我对jq的理解就是把原生的js封装的更好用，并且提供一些方法解决原生的兼容性问题，我去写一个demo试试

2020-04-23 19:38:27
王文辉提问者 #2

我试了下，老师说的是对的，兼容性是指那些，不同浏览器，不同版本也会有区别吗

2020-04-23 20:10:11