如何使用RaphaelJs捕捉鼠標滾輪向上/向下事件

Question

我需要實現一個可滾動時間軸的橫向。我繪製了時間軸/網格/標尺等。我只需要抓住鼠標滾輪向上/向下滾動時間軸（向後 - 過去/未來 - 未來）。

首先，我需要抓住這個事件：但我沒有發現任何東西似乎有效。需要瀏覽器僅支持chrome/firefox（最新版本）。

這些2不會聽衆將無法正常工作：

var paper = new Raphael('raphael-paper'); 
// ... 
paper.canvas.on('mousewheel', function(event) {  
    console.log(event); 
}); 
// ... 
paper.canvas.addEventListener('mousewheel', function(event) { 
    console.log(event); 
}); 

Answer 1

使用jQuery mousewheel plugin - jquery.mousewheel.js：

用法：

// Init 
var paper = new Raphael('raphael-paper'); 

// When Page Loads 
$(document).ready(function() 
{ 
    // capture mouse wheel using bind 
    $(paper.canvas).bind('mousewheel', function(event, delta, deltaX, deltaY) { 
     console.log(delta, deltaX, deltaY); 
    }); 

    // capture mouse wheel using the event helper 
    $(paper.canvas).mousewheel(function(event, delta, deltaX, deltaY) { 
     console.log(delta, deltaX, deltaY); 
    }); 
});