首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

实现pc端鼠标滚轮缩放图片的步骤

据搜索得知,事件参数中,代表鼠标滚轮滚动方向的参数为e.wheelDelta,我们可以打印一下 scrollFunc(e) { // ......console.log(e.wheelDelta) } 经实践可得,当鼠标向下滚动时候,打印参数为-120,向上滚动时候为120,至于这个120跟什么有关,为什么120,我就不知道了,不过跟今天的目标没有关系...经实践得知,火狐浏览器同样没有e.wheelDelta,相对应的参数为e.detail,并且正负和e.wheelDelta刚好相反 所以最终代码就是这样子的。...// 鼠标滚轮缩放 scrollFunc(e) { e = e || window.event // 火狐下没有wheelDelta,用detail代替,由于detail值的正负和wheelDelta...相反,所以取反 e.delta = e.wheelDelta || -e.detail e.preventDefault() if (e.delta > 0) { //当滑轮向上滚动时

2.2K30
您找到你想要的搜索结果了吗?
是的
没有找到
领券