PC 端页面滚轮放大缩小

//选座页面的放大缩小和移动
function bindScroll() {
  //  添加鼠标点下和移动事件，通过这两个事件进行监听，通过修改position的top和left值进行界面的移动。
  var oImg = document.getElementById("seatMap");
  oImg.onmousedown = function (ev) {
    var ev = ev || event;
    var disX = ev.clientX - oImg.offsetLeft;
    var disY = ev.clientY - oImg.offsetTop;
    if (oImg.setCapture) {
      oImg.setCapture();
    }
    document.onmousemove = function (ev) {
      var ev = ev || event;
      oImg.style.left = ev.clientX - disX + "px";
      oImg.style.top = ev.clientY - disY + "px";
    };
    document.onmouseup = function () {
      document.onmousemove = document.onmouseup = null;
      //释放全局捕获 releaseCapture();
      if (oImg.releaseCapture) {
        oImg.releaseCapture();
      }
    };
    return false;
  };
  // 监听滚轮滚动事件，并使用scale 对页面进行操作，实现界面的放大和缩小。
  oImg.onmousewheel = fn;
  if (oImg.addEventListener) {
    oImg.addEventListener("DOMMouseScroll", fn, false);
  }
  var scaleSize = 0.4;
  function fn(ev) {
    var ev = ev || event;
    var b = true;
    if (ev.wheelDelta) {    //ev.wheelDelta和ev.detail做兼容
      b = ev.wheelDelta > 0 ? true : false;
    } else {
      b = ev.detail < 0 ? true : false;
    }
    if (b) {
      scaleSize += 0.03;
      scaleSize = scaleSize > 2 ? 2 : scaleSize;
    } else {
      scaleSize -= 0.03;
      scaleSize = scaleSize < 0.4 ? 0.4 : scaleSize;
    }
    this.style.transform = "scale(" + scaleSize + ")";
    if (ev.preventDefault) {
      ev.preventDefault();
    }
    return false;
  }
}