javascript - 使用 d3 获取事件侦听器中输入元素的值

Question

我有两个 html 元素：

<input id="searchInput">
<div id="searchText"></div>

我正在使用 d3 在脚本中添加侦听器。

d3.select("#searchInput").on("keyup",getSearchText);

我需要一个将输入值打印到 div 的函数

function getSearchText(value) {
d3.select("#searchResults").html(value.toString());
}

但我不知道如何将输入值参数传递给侦听器函数。

Answer 1

尝试使用的实例this来获取值：

d3.select("#searchResults").html(this.value);

Answer 2

我找到了解决方案：

d3.select("#id").node().value

Answer 3

使用第三个参数：

function getSearchText(d, i, o) {
  const myValue = o[0].value;
}