events - Snap.svg 捕获鼠标滚轮事件

Question

我想在一个元素上使用鼠标滚轮事件，但在文档中没有找到任何内容。你有这样的例子吗？

Answer 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 示例