JS学习笔记---15 事件高级-8、常用的键盘事件

8、常用的键盘事件

8.1、常用的键盘事件

事件除了使用鼠标触发，还可以使用键盘触发。

键盘事件	触发条件
onkeyup	某个键盘按键被松开时触发
onkeydown	某个键盘按键被按下时触发
onkeypress	某个键盘按键被按下时触发 但是它不识别功能键 比如： ctrl、shift、箭头等

注意：

• 如果使用 addEventListener 不需要加 on
• onkeypress 和前面2 个的区别是，它不能识别功能键
• 三个事件的执行顺序是：keydown --> keypress --> keyup

8.2、键盘事件对象

键盘事件对象 属性	说明
keyCode	返回该键的ASCII 值

注意：

onkeydown 和 onkeyup 不区分大小写，onkeypress 区分大小写

在实际开发中，我们更多的使用 onkeydown 和 onkeyup，它们能够识别所有的键（包括功能键），onkeypress 不识别功能键，但是onkeypress 的keyCode 属性能区分大小写，返回不同的ASCII值。

8.3、案例：模拟京东按键输入内容

8.4、案例：模拟京东快递单号查询