- Objective:
- Breadcrumb:
# 概念阐释
## 语义
- keydown: 键盘的⬇️键
- keyup：键盘的⬆️键
- keypress：按下和抬起
## 语法
```js
event.addEventListener('style',func);
```
一般情况下，键盘事件都是在整个文档中监听，即整个页面都对键盘的按键有效，如果具体到某个元素将不起作用。
# 实例
# 相关内容
# 问题
[练习题](https://www.codecademy.com/courses/build-interactive-websites/lessons/dom-events/exercises/key-events)用HTML&CSS&JS来写
🌟🌟
注意：[[js DOM Document 根节点|document]]作为全局访问节点
# 问题答案
document加事件表示无论点击页面哪里都有反应
```js
let ball = document.getElementById('float-circle');
// Write your code below
let up = () => {
ball.style.bottom = '250px';
};
let down = () => {
ball.style.bottom = '50px';
};
document.addEventListener('keydown',up);
document.addEventListener('keyup',down);
```
# 参考资料