Javascript "input"事件值未定义

Question

我有一个 Electron 应用程序，需要监视表单上的输入文本字段。 HTML 看起来像这样:

<input type="text" class="cloneProjectName" id="outputProjectName" value="" >

我为元素添加了一个事件监听器，并控制台记录我认为应该是来自输入的键入数据:

    projectNameControl.addEventListener("input", function (event) {
    console.log(event.value)
})

我在控制台中看到的只是“未定义”。

如果有任何意见，我将不胜感激，我已经搜索了又搜索但没有找到答案。席德

Answer 1

这不是 value event的您想要的(事件没有 value )。这是value触发您想要的事件的元素，并且可以使用 this 引用该元素或event.target 。

此外，请确保您的 JavaScript projectNameControl变量正确引用 input .

let projectNameControl = document.getElementById("outputProjectName");
projectNameControl.addEventListener("input", function (event) {
    console.log(this.value, event.target.value);
})

<input type="text" class="cloneProjectName" id="outputProjectName" value="" >