如果用户点击“输入/返回”，如何处理文本区域多行输入钥匙

Question

我的编码：

 ...
 <textarea name="TextArea1" id="TextArea" style="height ; width" ></textarea>
 ...
 <script type="text/javascript">
 var txt_element = document.getElementById("TextArea");
 document.write (txt_element.childNodes[0].nodeValue);
 </script>
 ...

但它无法识别按下的“输入/返回”键，而是显示“”

非常感谢

Answer 1

为了扩展 Chris 的答案，问题在于浏览器以与渲染任何其他 html 片段相同的方式渲染您编写的文本，这意味着空格（包括回车符）被视为单词分隔符，而不是行或段落分隔符。并且多个连续的空白字符被压缩为单个空格。 html 规范对此进行了进一步解释。

这与它处理 textarea 元素中的文本的方式不同。

因此，正如 Chris 建议的那样，您需要将字符串中的回车符替换为 html
元素：

var enteredText = document.getElementById("TextArea").value;
var updatedText = enteredText.replace(/\n/g, '<br />');
document.write(updatedText);

注意：您应该能够直接使用 .value 而不是说 .childNodes[0].nodeValue。

注 2：我赞同 Chris 关于 document.write() 的说法 - 它通常不是最好的选择。

注 3：如果您适用于非 Windows 系统，您可能还需要替换 \r。

Answer 2

文本区域使用 \n 来指定新行，沿着这些思路应该可以工作：

string = document.getElementById("TextArea")childNodes[0].nodeValue;
string = string.replace(/\n/g, '<br />');
document.write('string');

不确定您是否只是在闲逛，但我觉得有必要提到，一般来说您不应该使用 document.txt 。写（）。