如何在D3.js中指定多个事件类型

时间:2018-04-13 02:53:37

标签: javascript d3.js

阅读D3's documentation on event handling,我认为应该可以在.on()调用中指定应由同一回调处理的多个事件类型,如下所示:

d3.select("body").append("input").attr("type", "text")
  .on("click keypress", function () {
    console.log("fired "+d3.event);
  });

Try this on CodePen

在这个例子中,我希望clickkeypress事件都会导致"被解雇"要打印到控制台的消息,但它不起作用。如果仅指定了其中一个事件,则它将针对该单个事件类型执行。

我误解了文档还是我做错了什么?

1 个答案:

答案 0 :(得分:2)

GerardoFurtado所述(感谢您!),指定多个事件类型是D3版本4中的新功能,但我的CodePen使用的是版本3.

要解决此问题,请在HTML源代码中使用https://d3js.org/d3.v4.min.js代替https://d3js.org/d3.v3.min.js