概述
DOM3 Events 定义了 9 种鼠标事件
| 事件 | 定义 |
| click | 在用户单击鼠标主键（通常是左键）或按键盘回车键时触发。这主要是基于无障碍的考 虑，让键盘和鼠标都可以触发 onclick 事件处理程序 |
| dbclick | 在用户双击鼠标主键（通常是左键）时触发。这个事件不是在 DOM2 Events 中定义的，但得到了很好的支持，DOM3 Events 将其进行了标准化 |
| mousedown | 在用户按下任意鼠标键时触发。这个事件不能通过键盘触发 |
| mouseenter | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不冒泡，也不会在光标经过后代元素时触发。mouseenter 事件不是在 DOM2 Events 中定义的，而是 DOM3 Events 中新增的事件 |
| mouseleave | 在用户把鼠标光标从元素内部移到元素外部时触发。这个事件不冒泡，也不会在光标经过后代元素时触发。mouseleave 事件不是在 DOM2 Events 中定义的，而是 DOM3 Events 中新增的事件 |
| mousemove | 在鼠标光标在元素上移动时反复触发。这个事件不能通过键盘触发 |
| mouseout | 在用户把鼠标光标从一个元素移到另一个元素上时触发。移到的元素可以是原始元素的外部元素，也可以是原始元素的子元素。这个事件不能通过键盘触发 |
| mouseover | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不能通过键盘触发 |
| mouseup | 在用户释放鼠标键时触发。这个事件不能通过键盘触发 |
二 触发顺序
这 4 个事件永远会按照如下顺序触发：
(1) mousedown
(2) mouseup
(3) click
(4) mousedown
(5) mouseup
(6) click
(7) dblclick
click 和 dblclick 在触发前都依赖其他事件触发，mousedown 和 mouseup 则不会受其他事件影响。
最后
以上就是健壮花生为你收集整理的事件之事件类型-鼠标事件（MouseEvent）的全部内容，希望文章能够帮你解决事件之事件类型-鼠标事件（MouseEvent）所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复