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

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%;
}

这是一个资源