JavaScript 鼠标事件

鼠标事件是Web开发中最常用的一类事件。

DOM3级事件中定义了9个鼠标事件，分别如下：

click、dbclick、mousedown、mouseenter、mouseleave、mousemove、mouseover、mouseout、mouseup。

• click:在用户单击鼠标按钮时，或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick时间处理程序既可以通过键盘也可以通过鼠标执行。
• dbclick: 在用户双击主鼠标按钮时触发。从技术上说，这个事件并不是DOM2级事件规范中规定的，但鉴于它得到了广泛的支持，所以DOM3级事件将其纳入了标准。
• mousedown：在用户按下鼠标按钮时触发。不能通过键盘触发这个事件。
• mouseenter：在鼠标光标从元素外部首次移动到元素范围之内时触发。这个事件不能冒泡，而且，在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但DOM3级事件将它纳入规范。IE、Firefox9+和Opera支持这个事件。
• mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，而且在光标移动到后代元素上不会触发。DOM2级事件并没有定义这个事件，但DOM3级事件将它纳入规范。IE、Firefox9+、opera支持这个事件。
• mousemove：当鼠标指针在元素内部移动时重复地触发。不能通过键盘触发这个事件。
• mouseout:在鼠标指针位于一个元素上方，然后用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素外部，也可能是这个元素的子元素。不能通过键盘触发这个事件。
• mouseover：在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。不能通过键盘触发这个事件。
• mouseup:在用户释放鼠标按钮时触发。不能通过键盘触发这个事件。