作者：巧干篆书_618 | 来源：互联网 | 2023-06-05 10:09
DOM3 Events 定义了 9 种鼠标事件
| 事件 | 定义 |
| click | 在用户单击鼠标主键&＃xff08;通常是左键&＃xff09;或按键盘回车键时触发。这主要是基于无障碍的考 虑&＃xff0c;让键盘和鼠标都可以触发 onclick 事件处理程序 |
| dbclick | 在用户双击鼠标主键&＃xff08;通常是左键&＃xff09;时触发。这个事件不是在 DOM2 Events 中定义的&＃xff0c;但得到了很好的支持&＃xff0c;DOM3 Events 将其进行了标准化 |
| mousedown | 在用户按下任意鼠标键时触发。这个事件不能通过键盘触发 |
| mouseenter | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不冒泡&＃xff0c;也不会在光标经过后代元素时触发。mouseenter 事件不是在 DOM2 Events 中定义的&＃xff0c;而是 DOM3 Events 中新增的事件 |
| mouseleave | 在用户把鼠标光标从元素内部移到元素外部时触发。这个事件不冒泡&＃xff0c;也不会在光标经过后代元素时触发。mouseleave 事件不是在 DOM2 Events 中定义的&＃xff0c;而是 DOM3 Events 中新增的事件 |
| mousemove | 在鼠标光标在元素上移动时反复触发。这个事件不能通过键盘触发 |
| mouseout | 在用户把鼠标光标从一个元素移到另一个元素上时触发。移到的元素可以是原始元素的外部元素&＃xff0c;也可以是原始元素的子元素。这个事件不能通过键盘触发 |
| mouseover | 在用户把鼠标光标从元素外部移到元素内部时触发。这个事件不能通过键盘触发 |
| mouseup | 在用户释放鼠标键时触发。这个事件不能通过键盘触发 |
二 触发顺序
这 4 个事件永远会按照如下顺序触发&＃xff1a;
(1) mousedown
(2) mouseup
(3) click
(4) mousedown
(5) mouseup
(6) click
(7) dblclick
click 和 dblclick 在触发前都依赖其他事件触发&＃xff0c;mousedown 和 mouseup 则不会受其他事件影响。
京公网安备 11010802041100号