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不變