firefox - d3.js 'mousewheel' 事件不适用于 Firefox(它仅适用于 Chrome、Safari 和 IE 浏览器)

Question

'mousewheel.zoom' 事件('d3.js')在 Firefox 浏览器上不起作用(我得到了最新版本的 FF)。

这是我用来从我的 map 中删除鼠标轮事件的一小段代码:

函数 draw_data_center(file_name){

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)

有人可以帮我解决这个问题吗？

Answer 1

我不知道你是否解决了你的问题，但我在试图找到答案时偶然发现了你的页面。

我发现很多文档都说，对于 Firefox，将“DOMMouseScroll.zoom”设置为 null 可以解决问题。但是，FireFox 似乎改变了它们检测滚轮的方式。这是您的代码，经过修改，包括修复:

vis = d3.select("#div_data_center").append("svg")
      .on("mousewheel.zoom", null)
      .on("DOMMouseScroll.zoom", null) // disables older versions of Firefox
      .on("wheel.zoom", null) // disables newer versions of Firefox