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

Get value of input element in event listener with d3

本文关键字：输入 元素 侦听器 d3 获取 事件 使用      更新时间：2023-09-26

我有两个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());
}

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

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

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

我找到了解决方案：

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

使用第三个参数：

function getSearchText(d, i, o) {
  const myValue = o[0].value;
}
相关文章：