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