Значение события «input» в JavaScript не определено

Question

У меня есть приложение Electron, которое должно отслеживать текстовое поле ввода в форме. HTML выглядит так:

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

Я добавляю прослушиватель событий для элемента и журнала консоли, как мне кажется, должны быть введенные данные из ввода:

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

Все, что я вижу в консоли, это "undefined".

Буду признателен за любую информацию, которую я искал и искал, не найдя ответа. Sid

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