事件类型——鼠标事件

click:点击鼠标左键或者按下回车键触发。onclick事件处理程序也同样可以通过这两个方式执行。

dbclick:DOM3级事件。双击鼠标左键。

mousedown:单击鼠标左键。

mouseup:松开单击着的鼠标左键。

(click包括按下与松开鼠标左键两个步骤,mousedown仅仅是按下鼠标左键操作,mouseout是松开鼠标左键操作。因此在鼠标操作上click=mousedown+mouseup)

mouseenter:鼠标光标从元素外部首次移动到元素范围之内时触发。该事件不冒泡,而且移动到后代元素上不触发。DOM3级事件。(IE、Firefox、Opera)

mouseleave:位于元素上方的鼠标光标移动到元素范围之外的时候触发。该事件不冒泡。光标移动到后代元素不触发。DOM3级事件。(IE、Firefox、Opera)

mousemove:鼠标在元素内部移动时重复地触发(大概可以做鼠标的炫彩效果)

mouseout:鼠标从一个元素移动到另一个元素时触发,该元素可以是原元素的外部元素或子元素。

mouseover:鼠标在元素外部,首次进入元素时,触碰到元素边界后触发。(和mouseenter差不多应该)

检测是否支持click、mousedown、mouseup、mousemove、mouseout、mouseover:

var isSupported=document.implementation.hasFeature("MouseEvents","2.0");

检测能否支持dblick、mouseenter、mouseleave:

var isSupported=document.implementation.hasFeature("MouseEvent","3.0");

猜你喜欢

转载自www.cnblogs.com/Syinho/p/12255727.html