title: d3.js 'mousewheel' event is NOT working on Firefox (it works only in Chrome, Safari and IE browsers)
body: <p>The 'mousewheel.zoom' event (of 'd3.js')  IS NOT WORKING on Firefox browser (I got the latest version of FF).</p>
  
  <p>Here is a little piece of code that I'm using in order to REMOVE THE MOUSEWHEEL EVENT from my maps:</p>
  
  <p>function draw_data_center(file_name){</p>
  
  <pre><code>d3.json(file_name, function(json) {
  
    d3.select("#div_data_center svg").remove();
  
    vis = d3.select("#div_data_center").append("svg")
  
        .attr("width", $("#div_data_center").width())
  
        .attr("height", $("#div_data_center").height())
  
        .attr("pointer-events", "all")
  
        .append('svg:g')
  
        .call(zoom.on("zoom", redraw))
  
        .on("mousewheel.zoom", null)  //in this line of code I removed the 'mousewheel' functionality BUT it doesn't work in Firefox browser (the other browsers work correctly)
  
        .on("click.zoom", null)
  
        .on("touchstart.zoom", null)
  
        .append('svg:g').......(etc...ect)
  </code></pre>
  
  <p>Can someone help me with this issue?</p>