如何使用鼠标滚轮启用缩放？

Question

我有一个图像库，用户只能使用鼠标进行导航。

我希望他们能够使用鼠标滚轮进行放大和缩小以及双击。

Answer 1

做这样的事情怎么样：

var mousewheelevt=(/Firefox/i.test(navigator.userAgent))? "DOMMouseScroll" : "mousewheel" //FF doesn't recognize mousewheel as of FF3.x

if (document.attachEvent) { //if IE (and Opera depending on user setting)
    document.attachEvent("on"+mousewheelevt, function(e){
      alert('Mouse wheel movement detected!')})
} else if (document.addEventListener) { //WC3 browsers
    document.addEventListener(mousewheelevt, function(e){
      alert('Mouse wheel movement detected!')
}, false)}

为了让你进行缩放，你可能需要使用Javascript和CSS做一些额外的工作，例如：

.zoom {
  zoom: 150%;
}

Here is a resource