javascript - 如何在 D3.js 中指定多种事件类型

Question

阅读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

在此示例中，我希望 click 和 keypress 事件都会导致“已触发”消息打印到控制台，但它不起作用。如果仅指定了其中一个事件，则它适用于该单一事件类型。

我是否误解了文档或者我做错了什么？

Answer 1

正如 GerardoFurtado 所指出的(谢谢!)，指定多个事件类型是 D3 版本 4 中的一项新功能，但我的 CodePen 使用的是版本 3。

要修复它，请使用 https://d3js.org/d3.v4.min.js而不是https://d3js.org/d3.v3.min.js在 HTML 源代码中。