时间戳

首页 > 解决方案 > 将文本插入 HTML通过 Javascript 事件的字段

javascript - 将文本插入 HTML通过 Javascript 事件的字段

问题描述

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

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

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

如果您知道如何操作，请分享您的知识。

标签： javascripthtmlinputdom-events

解决方案

问题是您没有自定义输入事件的事件侦听器。这样你就可以在没有实际处理的情况下调度一个事件。

尝试这个：

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">

推荐阅读