在JavaScript中不能为文本区域使用.value。

Question

我试图获取提交按钮被按下后文本区域的值。然而，当我尝试使用 .value 在我的JS文件中获取文本区域，但没有成功。这是我的HTML文本区域和按钮的代码。

<form>
        <textarea type="text" id = "textArea" rows="5" cols="100"></textarea>
        <br>
        <input type="button" id="submitButton" value="Submit">
</form>

然后这是我的Javascript代码，用来获取文本区域的值。我在提交按钮上设置了一个监听器。

var submit = document.getElementById("submitButton")
function buttonPressed(){
     var text = document.getElementById("textArea").value (this .value part doesn't show up)
     console.log(text);   
     submit.addEventListener("click", buttonPressed())
}

在提交按钮上，我设置了一个监听器。.value 部分无法工作，当我打字时也不显示出来。唯一显示的是 .nodeValue 我如何获得这个文本区域的值？

我是一个Javascript新手，所以任何帮助都将被感激! 谢谢你的帮助。

Answer 1

你的问题是你的按钮没有附加事件监听器，因为 "addEventListener是在函数里面（从未被调用），我提取了这个，现在函数被调用了。

const submit = document.getElementById("submitButton");

submit.addEventListener("click", buttonPressed)

function buttonPressed(){
     const text = document.getElementById("textArea").value
     console.log(text);   
}

<form>
    <textarea type="text" id = "textArea" rows="5" cols="100"></textarea>
    <br>
    <input type="button" id="submitButton" value="Submit">
</form>