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:在用户释放鼠标按钮时触发。不能通过键盘触发这个事件。