Snap.svg捕捉鼠標滾輪事件

Question

我想將鼠標滾輪事件放在元素上，但在文檔中找不到任何內容。你有這樣的例子嗎？

Answer 1

我不確定任何直接使用鼠標滾輪的捕捉方法，但我想你可以只添加一個鼠標滾輪偵聽程序......這個例子在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