Javascript事件监听器行为

Question

我更改了ul中的文本区域元素时，将侦听器添加到无序列表以执行功能。 更改文本区域后，我想获取现在更改的文本区域的值，并将其保存。 当我尝试将值保存在newNotes中时，我得到的是文本区域的INITIAL值，而不是更改了文本区域后的值。 难道不是在更改时触发侦听器的全部功能吗？

ul.addEventListener('change',(e)=> { 
if(e.target.tagName === "TEXTAREA") { // if the ul was changed and a textarea was targeted
    const li = e.target.parentNode; // the parent list item of the text area
    const liName = li.firstChild.textContent; // this is a string
    var newNotes = e.target.textContent; // PROBLEM : RETURNS WRONG VALUE
    console.log(newNotes);
    updateNotesTo(liName, newNotes); // regarding localStorage         

}              
});

Answer 1

您需要来自textarea的value

更改

var newNotes = e.target.textContent; 

至

var newNotes = e.target.value; 

Answer 2

您必须使用.value属性。

var newNotes = e.target.value;

另请参见， Textarea.textcontent不变