Snap.svg捕获鼠标滚轮事件

Question

我想在元素上使用 mousewheel 事件，但在文档中找不到任何内容。你有这样的例子吗？

Answer 1

我不确定使用鼠标滚轮的任何直接Snap方法，但我想你可以添加一个鼠标滚轮监听器...这个示例适用于Chrome，您可能需要调整并为不同的浏览器添加测试用例。 / p>

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