在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加载事件 触发条件:页面加载完毕时触发