事件

概述

JavaScript的代码一般通过事件触发。

可以通过addEventListener函数为元素绑定事件的触发函数。

接下来介绍常用触发函数

---

鼠标

• click：鼠标左键点击
• dblclick：鼠标左键双击
• contextmenu：鼠标右键点击
• mousedown：鼠标按下，包括左键、滚轮、右键
  • event.button：0表示左键，1表示中键，2表示右键
• mouseup：鼠标弹起，包括左键、滚轮、右键
  • event.button：0表示左键，1表示中键，2表示右键

---

键盘

• keydown：某个键是否被按住，事件会连续触发
  • event.code：返回按的是哪个键
  • event.altKey、event.ctrlKey、event.shiftKey分别表示是否同时按下了alt、ctrl、shift键。
• keyup：某个按键是否被释放
  • event常用属性同上
• keypress：紧跟在keydown事件后触发，只有按下字符键时触发。适用于判定用户输入的字符。 event常用属性同上

---

表单

• focus：聚焦某个元素
• blur：取消聚焦某个元素
• change：某个元素的内容发生了改变

---

窗口

需要作用到window元素上。

• resize：当窗口大小放生变化
• scroll：滚动指定的元素
• load：当元素被加载完成