事件类型之鼠标事件

事件类型之鼠标事件

常见事件类型

事件的本质是程序各个组成部分之间的一种通信方式，也是异步编程的一种实现。DOM 支持大量的事件

1. 鼠标事件
2. 键盘事件
3. 表单事件
4. 窗口事件
5. 焦点/剪贴板事件
6. 网页状态事件
7. Touch事件

鼠标事件

鼠标事件指与鼠标相关的事件，具体的事件主要有以下一些。

click：按下鼠标时触发。 dblclick：在同一个元素上双击鼠标时触发。 mousedown：按下鼠标键时触发。 mouseup：释放按下的鼠标键时触发。 mousemove：当鼠标在一个节点内部移动时触发。当鼠标持续移动时，该事件会连续触发。为了避免性能问题，建议对该事件的监听函数做一些限定，比如限定一段时间内只能运行一次。 mouseenter：鼠标进入一个节点时触发，进入子节点不会触发这个事件 mouseover：鼠标进入一个节点时触发，进入子节点会再一次触发这个事件 mouseout：鼠标离开一个节点时触发，离开父节点也会触发这个事件 mouseleave：鼠标离开一个节点时触发，离开父节点不会触发这个事件 wheel：滚动鼠标的滚轮时触发

事件注意事项

1. click事件指的是，用户在同一个位置先完成mousedown动作，再完成mouseup动作。因此，触发顺序是，mousedown首先触发，mouseup接着触发，click最后触发。
2. dblclick事件则会在mousedown、mouseup、click之后触发。
3. mouseover事件和mouseenter事件，都是鼠标进入一个节点时触发。两者的区别是，mouseenter事件只触发一次，而只要鼠标在节点内部移动，mouseover事件会在子节点上触发多次。