JS的DOM操作——事件类型

  • Post author:
  • Post category:其他


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



版权声明:本文为m0_59345890原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。