javascript - 使用 d3.js 强制选择 <input> 字段

Question

我正在使用d3.js。我刚刚使用 d3.js 选择了一个输入字段。我需要将输入字段标记为选定状态，以便我可以将输入内容复制到剪贴板。 这是我到目前为止所拥有的:

 <input class="input" val="content">

通过使用jquery，我们可以这样做:

var inputField = jQuery(".input");
inputField.select();
document.execCommand("copy");

我如何使用 d3.js 完成它:

d3.select(".input").*Which function to use?*

哪个函数可以用来强制选择输入字段？

Answer 1

要选择输入元素，您可以使用 javascript 的 native element.focus() 函数，或者如果您想自动选择其中的所有文本，您可以使用 element.select() 函数。喜欢:

document.getElementsByClassName("输入字段")[0].focus()

但是如果你坚持使用 d3.js 那么你也可以这样做:

d3.select(".input-field")._groups[0][0].focus()

公平警告，我之前没有使用过 d3.js，因此 d3.js 方式可能不是最优雅的解决方案。