vue2鼠标事件

 

1.单击

@click

2.按下

@mousedown

3.抬起

@mouseup

4.双击

@dblclick

5.移动

@mousemove

6.移除

@mouseout

7.离开

@mouseleave

8.进入

@mouseenter

9.当鼠标指针位于元素上方

@mouseover

10.鼠标滚动

@mousewheel

 

mouseout不论鼠标指针离开被选元素还是任何子元素，都会触发事件；

mouseleave只有在鼠标指针离开被选元素时，才会触发事件，该事件不冒泡；

mouseover 在鼠标指针进入被选元素或任意子元素时都会被触发事件；

mouseenter 只有在鼠标指针进入被选元素时被触发事件，该事件不冒泡；