正在回答
2回答
同学你好，对于你的问题解答如下：
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积分~
来为老师/同学的回答评分吧
0 星