vue中的鼠标事件的总结
1. @click() / @dblclick()
单击事件 / 双击事件
2. @mousedown() / @mouseup()
按下触发 / 抬起触发
3. @mousemove()
当鼠标指针在
指定的元素中移动时
,就会发生 mousemove 事件
移动一个像素,就会发生一次 mousemove
4. @mouseleave()
当鼠标指针离开被选元素时,会发生 mouseleave 事件
5. @mouseout()
当鼠标指针从元素上移开时,发生 mouseout 事件;
与 mouseleave 事件不同,不论鼠标指针离开
被选元素还是任何子元素,
都会触发 mouseout 事件。
6. @mouseenter()
当鼠标指针进入
被选元素时,
会发生 mouseenter 事件
7. @mouseover()
当鼠标指针位于元素上方时,会发生 mouseover 事件。
注意:与 mouseenter 事件不同,mouseover 事件在鼠标指针进入
被选元素或任意子元素时
都会被触发,mouseenter 事件只有在鼠标指针进入被选元素
时被触发。