js 鼠标滚轮控制图片放大缩小
2021-01-28 08:17
标签：else doc nbsp 缩放 col 配置 opera style 图片 具体放大缩小限制大家自己配置。 js 鼠标滚轮控制图片放大缩小 标签：else doc nbsp 缩放 col 配置 opera style 图片 原文地址：https://www.cnblogs.com/zhangyezi/p/13212789.html img :src="ImgUrl" alt="" width="100%" @mousewheel="zoomimg($event)" id="ScrollImg">
// 缩放图片
zoomimg(event) {
var delta = 0;
if (!event) event = window.event;
if (event.wheelDelta) {
delta = event.wheelDelta / 120;
if (window.opera) delta = -delta;
} else if (event.detail) {
delta = -event.detail / 3;
}
var img = document.getElementById(‘ScrollImg‘)
if (delta > 0) {
var width = img.width;
img.width = width * 1.1;
} else if (delta ) {
var width = img.width;
if (width > 400) {
img.width = width * 0.9;
}
}
},