Snap.svg 捕获鼠标滚轮事件答案

【问题标题】：Snap.svg capturing mousewheel eventsSnap.svg 捕获鼠标滚轮事件
【发布时间】：2014-03-03 10:23:59
【问题描述】：

我想对元素进行 mousewheel 事件，但在文档中没有找到任何内容。你有这样的例子吗？

【问题讨论】：

【解决方案1】：

我不确定使用鼠标滚轮的任何直接 Snap 方法，但我想您可以添加一个鼠标滚轮侦听器...此示例适用于 Chrome，您可能需要针对不同的浏览器进行调整和添加测试用例。

var s = Snap(400, 620);
var c = s.circle(30,30,30);

if( (/Firefox/i.test(navigator.userAgent)) ) {
    s.node.addEventListener("DOMMouseScroll", mouseWheelHandler, false);
} else {
    s.node.addEventListener("mousewheel", mouseWheelHandler, false);
}

function mouseWheelHandler (ev) { 
    ev.preventDefault();
    console.log( ev.target.localName );
}

编辑：已更新以检查 Firefox。

jsfiddle example

【讨论】：

".node"，我明白了。在这种情况下，我可以将 jQuery 用于事件。非常感谢。