JS的DOM操作——事件类型

在DOM操作中，有多种事件类型，可大致分为：鼠标事件、键盘事件、滑动事件、表单事件

简单介绍一下常用事件：

1、onclick鼠标点击事件   触发条件：鼠标按下和松开时，鼠标指针在被选元素区域内部

2、ondblclick鼠标双击事件  触发条件：鼠标第一次按下和第二次松开时  鼠标指针在被选元素区域内部 并且时间间隔不能太长

3、onmousedown鼠标按下事件    触发条件：鼠标在被选元素内按下

4、onmouseup鼠标松开事件   触发条件：鼠标在被选元素内松开

5、onmouseover鼠标进入事件   触发条件：鼠标进入被选元素 

6、onmouseout鼠标移出事件    触发条件： 鼠标从被选元素出去

7、onmouseenter鼠标进入事件      触发条件：鼠标进入被选元素 

8、onmouseleave鼠标移出事件    触发条件： 鼠标从被选元素出去

5和7、6和8感觉是相同的，但是他们存在区别，5和7时，绑定的元素进入和移出它的子元素时也会触发。

9、onmousemove 鼠标移动事件    触发条件：鼠标在被选元素移动

10、onwheel 鼠标滚轴滚动事件     触发条件：鼠标滚轴滚动时 鼠标指针在被选元素内部

11、onscroll 滚动条滚动事件    触发条件：元素自己的滚动条滚动，单位时间内滚动条的位置发生变化

12、onkeydown 键盘按下事件   触发条件：输入框的键盘按下

13、onkeyup 键盘松开事件   触发条件：输入框的键盘松开

14、onkeypress 键盘按下事件   触发条件：输入框的键盘按下

15、oninput表单输入事件    触发条件：输入框在输入就触发

16、onchange表单内容改变事件    触发条件：输入框失焦并且value改变

17、onfocus表单获得焦点事件    触发条件：输入框获取焦点时触发

18、onblur表单失去焦点事件    触发条件：输入框失去焦点时触发

19、onload加载事件   触发条件：页面加载完毕时触发