开发者学堂课程【jQuery 开发教程：jQuery_键盘事件】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/362/detail/4285
jQuery_键盘事件
内容介绍：
一、概要
二、常用键盘按键对应代码
三、例子
一、概要
1、 .keydown()：
在键盘按下时被触发，它可以绑定到任何元素，但是该事件只是发生在具有焦点的元素上，表单元素是最合适的。
2、 .keypress()：
在敲击键盘时被触发，按下并抬起同一个键。
3、 .keyup()：
在按键被释放时被触发，按下并抬起同一个键。
二、常用键盘按键对应代码
Backspace <----------> 8
Tab <----------> 9
Clear <----------> 12
Enter <----------> 13
Shift <----------> 16
Control <----------> 17
Alt <----------> 18
Caps Lock <----------> 20
Esc <----------> 27
空格键 <----------> 32
三、例子
1. 用代码来获得键盘按键对应代码
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset="utf-8">
<title></title>
// 引入 jQuery
<script src="jquery-2.2.1.min.js"></script>
</head>
<body>
<script>
$(document).keydown(function(event){
// 弹出当前按键的代码
alert(event.keyCode);
})
</script>
</body>
</html>
如果用退格键是8，回车键是13，空格键是32。
首先使用空格键，空格键的代码是32。
然后按下回车键，回车键的代码是13。
按下退格键，退格键的代码是8。
2. 当三者都被使用时，先触发 .keydown()，后触发 .keypress()，只有当两者都没被注册时才会触发 .keyup()。
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery-2.2.1.min.js"></script>
</head>
<body>
<script>
$(document).keydown(function(event){
// 当触发 keydown 事件时，浏览器将会弹出一个keydown
alert(“keydown”);
})
$(document).keypress(function(event){
alert(“keypress”);
})
$(document).keyup(function(event){
alert(“keyup”);
})
</script>
</body>
</html>
首先按下会弹出 keydown ，然后弹出 keypress ，keyup 并没有被触发。
然后将 keydown 和 keypress 注释，刷新网页后将会触发 keyup 。