JavaScript - 事件

认识事件

指的是和浏览器内的某一个节点约定一个事情，当用户发生指定行为的时候，会执行指定的某一段代码

事件三要素：

1、事件源：绑定在谁身上的事件
2、事件类型：绑定的什么事件
3、事件处理函数：当行为发生的时候，执行的函数
-定义：在事件处理函数内，this 关键字就是 事件源

注意：所有的事件类型，都是只要有行为发生，事件处理函数的绑定就会触发函数
注意：键盘事件所有元素都可以绑定，但是不是所有元素都能触发（一般绑定给window，document，表单元素）
注意：表单事件，不一定非得有 form 标签，只要是一个表单元素就行

事件类型

在 JS 内对事件进行了大致分类

鼠标事件

1、click 左键单击
2、dblclick 左键双击
3、contextmenu 右键单击
4、mousedown 鼠标按键按下
5、mouseup 鼠标按键抬起
6、mousemove 鼠标移动
7、mouseover 鼠标移入
8、mouseout 鼠标移出
9、mouseenter 鼠标移入
10、mouseleave 鼠标移出
-over 和 out 一套，在移入后代元素的时候，也会触发
-enter 和 leave 一套，在移入后代元素的时候 不会触发

键盘事件

1、keydown 键盘按键按下事件
键盘上任何一个按键按下都会触发
2、keyup 键盘按键抬起事件
3、keypress 键盘键入事件
可以真实键入内容 和 回车才会触发

浏览器事件

1、load
2、resize

表单事件

1、focus 聚焦
2、blur 失焦
3、input 输入
4、change 改变
失焦的时候如果内容和聚焦时候不一样，才会触发
5、reset 重置
需要绑定给 form 标签，点击 reset 按钮的时候，才会触发form标签的重置行为
6、submit 提交
需要绑定给form标签，点击submit按钮的时候，才会触发form标签的提交行为

触摸事件

1、touchstart 触摸开始
2、touchmove 触摸移动
3、touchend 触摸结束

其他时间

1、selectstart 选择开始