如何使用鼠標滾輪啟用縮放？

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

這是一個資源