今天遇到了需要使用鼠标事件的效果,然后查了一下鼠标事件,以后使用可以拿来使用了。

鼠标左右键事件:

click:点击事件

dbclick:双击事件

mousedown:鼠标按下时触发

mouseenter:鼠标移入时触发(不冒泡,后代元素不触发)

mouseleave:鼠标移出时触发(不冒泡,后代元素不触发)

mousemove:鼠标在元素内部移动时触发

mouseout:鼠标移入另一个元素时触发(包含子元素)

mouseover:鼠标移入元素时触发(包含子元素)

mouseup:释放鼠标按钮时触发

鼠标滚轮事件:

一、ie/chrome/safari/opera下的事件 : onmousewheel

向上滚动up:120

向下滚动down: -120

二、firefox 下的事件: DOMMouseScroll

向上滚动up: -3

向下滚动down: 3

JS鼠标点击事件所有浏览器都是一样的,但是鼠标滚轮事件有一些不一样的,下面是兼容写法

希望对大家有帮助,别忘了点赞哦!