事件类型——鼠标事件

Posted 2021-03-10 syinho

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");