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

【问题标题】：How would I enable zoom using mouse wheel?如何使用鼠标滚轮启用缩放？
【发布时间】：2016-07-08 23:43:48
【问题描述】：

我有一个图片库，用户只需使用鼠标即可导航。

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

【问题讨论】：

祝你好运，不幸的是，Stack Overflow 不是代码编写服务，你必须自己完成这项工作，并在遇到具体问题时询问。
使用onscroll 函数通过javascript触发该效果。
@RuiCosta onscroll 用于滚动处理程序，wheel 事件用于鼠标滚轮事件。 developer.mozilla.org/en-US/docs/Web/Events/wheel
@AlexanderO'Mara 你是对的。

【解决方案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

【讨论】：