Javascript“输入”事件值未定义

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