使用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;
}