主要知识点:
1、keydown和keypress的区别。
2、键盘事件的应用代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>键盘事件</title>
</head>
<body>
键盘事件:keydown,keyup,keypress
区别:keydown可以检测到键盘所有,包括实体键,已经辅助键【ctrl,shift,alt,f1...】
keypress只能检测到实体键【字符,字母,数字,符号,空格】,并且可以检测出字母大小写
检测你所按的键e.keyCode
<script type="text/javascript">
document.onkeydown = function(e) {
var e = e || window.event;
console.log(e.keyCode);
}
document.onkeypress = function(e) {
var e = e || window.event;
// console.log("keypress")
console.log(e.keyCode);
}
</script>
</body>
</html>