如何使用JavaScript在textarea标记中提供输入？

Question

具有textarea标记形式，以获取输入文本并返回所述文本的值。

 <textarea id="code" name="code"></textarea>  

使用javascript获取值，但不返回任何内容。 使用typeof来检查它是否undefined ，但是typeof text给出'string' 。 这是使用.value正确方法吗？ 如何改善呢？

JavaScript的：

var text = document.getElementById('code').value;

document.getElementById('submit-button').onclick = function() {
    alert(text);
}; 

Answer 1

当用户有机会键入任何内容时，您将在页面加载后立即获得该值。 您想在用户单击按钮时获取值：

 document.getElementById('submit-button').onclick = function() { var text = document.getElementById('code').value; alert(text); }; 

 <textarea id="code" name="code"></textarea> <button type="button" id="submit-button">click me</button> 

Answer 2

您需要绑定事件并仅在用户单击按钮时获取值。

拥抱功能addEventListener

 document.getElementById('submit-button').addEventListener('click', function() { var text = document.getElementById('code').value; console.log(text); }); 

 <textarea id="code" name="code"></textarea> <button type="button" id="submit-button">click me</button> 

Answer 3

将var text行粘贴在click事件中； 它是在脚本最初运行时定义的，因此它只是一个空字符串。

document.getElementById('submit-button').onclick = function() {
    var text = document.getElementById('code').value;
    alert(text);
};