Question

我正在寻找一种无需使用DOM API即可将文本插入输入字段的方法。但是，我试图找到的是通过Javascript创建一个新的input事件，并将该事件分配到输入字段。这样，与事件相关的文本值将被填充到输入中。

我试图为data事件的input属性设置一个值。但这没有用。请参见下面的代码：

const nameField = document.querySelector('#name');
const event = new Event('input');
event.data = '1234'; 
nameField.dispatchEvent(event);

如果您知道怎么做，请分享您的知识。谢谢。

Answer 1

问题是您没有自定义输入事件的事件侦听器。这样，您就可以分派事件而不实际处理它。

尝试一下：

const nameField = document.querySelector('#name');
nameField.addEventListener("customInput", function(e) {
  e.target.value = e.data
})
const event = new Event('customInput');
event.data = '1234';
nameField.dispatchEvent(event);

<input type="text" id="name">

通过Javascript事件将文本插入HTML <input />字段

1 个答案: