JavaScript 中的文本区域不能使用 .value

Question

我试图在按下提交按钮后获取文本区域的值。但是，当我尝试在我的 JS 文件中使用 .value 来获取文本区域时，它不起作用。这是我的 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>

JavaScript 中的文本区域不能使用 .value

Can't use .value for Text Area in JavaScript

html

javascript

textarea

input