鼠标滚轮事件

November 23, 2018

发现@mousewheel不能兼容火狐浏览器

<img :style="imageDefaultClass"                             @mousewheel="mouseWheelEvent2($event,index)"
                             @mousedown="start"
                             @mouseup="stop"
                             @mousemove="move"
                             ondragstart="return false;"
                             ref="imageRef" :src="reviewLink(item)" alt="">

查阅资料可以使用@wheel.prevent代替:

<img :style="imageDefaultClass"                             @wheel.prevent="mouseWheelEvent2($event,index)"
@mousedown="start"
@mouseup="stop"
@mousemove="move"
ondragstart="return false;"
ref="imageRef" :src="reviewLink(item)">

TODO代码:

鼠标滚轮控制图片的缩放