常见的事件类型

✍常见的事件

• 我们在写页面的时候经常用到的一些事件

• 大致分为几类，浏览器事件 / 鼠标事件 / 键盘事件 / 表单事件 / 触摸事件

• 不需要都记住，但是大概要知道

✍浏览器事件

• load ： 页面全部资源加载完毕

• scroll ： 浏览器滚动的时候触发

• ...

✍鼠标事件

• click ：点击事件

• dblclick ：双击事件

• contextmenu ： 右键单击事件，用法：自定义右键菜单

• mousedown ：鼠标左键按下事件

• mouseup ：鼠标左键抬起事件

• mousemove ：鼠标移动

• mouseover ：鼠标移入事件

• mouseout ：鼠标移出事件

• mouseenter ：鼠标移入事件

• mouseleave ：鼠标移出事件

• ...

mouseover、mouseout和mouseenter、mouseleave的区别：

当给父元素加了这些事件时，前两个在子元素身上移入移出时也会触发事件；后两个是当在子元素身上移入移除时不会触发事件

✍键盘事件

• keyup ： 键盘抬起事件，判断是不是回车键

• keydown ： 键盘按下事件，判断是不是回车键

• keypress ： 键盘按下再抬起事件

• ...

✍表单事件

• focus：获取焦点事件

• blur：失去焦点事件

• change : 表单内容改变事件，失去焦点时，只要和上一次内容不一样就会触发

• input : 表单内容输入事件，只要和上一次内容不一样就会触发

• submit : 表单提交事件，只有当存在表单元素而且存在input提交类型时，才有用

• reset：表单重置事件，只有当存在表单元素而且存在input重置类型时，才有用

• ...

✍触摸事件

• touchstart ： 触摸开始事件

• touchend ： 触摸结束事件

• touchmove ： 触摸移动事件

• ...