我已经在 Mac 和 PC 上的 FF 中尝试了鼠标滚轮焦点缩放演示(http://timmywil.github.io/jquery.panzoom/demo/),但它在两者中都不起作用。 看起来 mousewheel.focal 事件没有被触发/拾取
更新:我做了一些谷歌搜索,结果发现 FireFox 需要监听DOMMouseScroll
事件,我发现如果我基于 firefox 事件构建了一个对象,它就不会传递原始事件,所以在 coffeescript 我做过这个:
jquery(@selector).on 'mousewheel.focal', (e) =>
onMouseWheel.call(@, e)
#FF specific mouse wheel support
jquery(@selector).on 'DOMMouseScroll', (e) =>
onMouseWheel.call(@, e)
onMouseWheel = (e) ->
e.preventDefault()
delta = e.originalEvent.wheelDelta
focalPoint = e
if delta is undefined
delta = e.originalEvent.detail
focalPoint =
clientX: e.originalEvent.clientX
clientY: e.originalEvent.clientY
logger.debug "delta=#{delta}", @
@$elem.panzoom 'zoom', delta < 0,
increment: settings.ZOOM_INCREMENT
focal: focalPoint
在放大 FF 时,我注意到一些奇怪的图形故障,其中 SVG 老虎在缩放过程中一秒钟被分成 4 个象限 - 但这也会影响其他演示,所以我想这是 Mozilla 解释 SVG 的时髦方式的副作用规范(即与所有其他浏览器不同)
可能值得更新演示页面以支持 FF。
谢谢,我会更新演示页面。
你好
很抱歉触及这么老的话题。 如果没有此插件,最新版本似乎无法在 Firefox 中运行。 直到我发现这个问题我才知道这一点。 我只是发现这个问题,因为在.bowerrc
上的提交是过去 3 年中唯一引用该问题的提交(并且可以从 repo 首页上看到)
在 Firefox 中添加需要https://github.com/jquery/jquery-mousewheel的常见问题解答有用吗? (还是我完全失明了?)
Codepen 示例: http ://codepen.io/viion/pen/eBaVzN
最有用的评论
你好
很抱歉触及这么老的话题。 如果没有此插件,最新版本似乎无法在 Firefox 中运行。 直到我发现这个问题我才知道这一点。 我只是发现这个问题,因为在
.bowerrc
上的提交是过去 3 年中唯一引用该问题的提交(并且可以从 repo 首页上看到)在 Firefox 中添加需要https://github.com/jquery/jquery-mousewheel的常见问题解答有用吗? (还是我完全失明了?)
Codepen 示例: http ://codepen.io/viion/pen/eBaVzN