【问题标题】:event.pageX is working in Chrome but not working in Firefoxevent.pageX 在 Chrome 中工作,但在 Firefox 中不工作
【发布时间】:2016-07-19 16:36:09
【问题描述】:

这部分代码在 chrome 中工作,但在 Firefox 中不工作。

我什至尝试过Window.event.pageXevent.pageX,但它仍然无法在 Firefox 中运行。

这只是特定点的工具提示

   var points = g.selectAll("path").data(dataset);

    points.enter().append("path");
    points.on("mouseover", function (d) {

                        div.transition()
                                .duration(200)
                                .style("opacity", 1.5);
                        div.html("data")
                                .style("left", (window.event.pageX) + "px")
                                .style("top", (window.event.pageY - 28) + "px");

                        return d;
                    });

【问题讨论】:

  • 提示:不透明度从 0 到 1。

标签: firefox d3.js svg


【解决方案1】:

而不是做

div.html("data")
                                .style("left", (window.event.pageX) + "px")
                                .style("top", (window.event.pageY - 28) + "px");

试试

div.html("data")
                                .style("left", (d3.event.pageX) + "px")
                                .style("top", (d3.event.pageY - 28) + "px");

【讨论】:

  • 我也试过了,但它不起作用,我什至试过 this.event.pageX 和 event.pageX 。还是什么都没有
  • 此示例是否适用于您的 FF bl.ocks.org/d3noob/a22c42db65eb00d4e369 您也会在示例中看到他正在使用 d3.event.pageX 并且它适用于我的 FF。可能你需要升级你的 FF
猜你喜欢
  • 2016-04-18
  • 2017-05-10
  • 2021-08-12
  • 2017-07-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-01-10
相关资源
最近更新 更多