Question

我正在尝试在本页底部编写类似的代码来发表评论。我有基本代码，但输出没有注册新行（或HTML，但这并不重要）。我在下面的函数中调用了文本字段上的键。任何帮助将不胜感激。感谢

这是整个页面（现在正在工作）

<html>
<body>

<form>
    <textarea id="text" onkeyup="outputText()"></textarea>
</form>

<div id="outputtext" style="width:500px;">
</div>

</body>

<script type="text/javascript">
    function outputText()
    {
        var text = document.getElementById('text').innerHTML;
        document.getElementById('outputtext').innerHTML = (text + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2');
    }
</script>

</html>

Answer 1

document.getElementById('outputtext').innerHTML = (text + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1<br>$2')

Answer 2

您是否尝试过将textarea内容设为

var text = document.getElementById('text').value;而不是？

Answer 3

我认为你最好看看像jQuery这样的工具如何在这种情况下让你的生活变得更轻松。你的具体问题有点不清楚......你能告诉我们更多细节吗？

Answer 4

您可以使用<pre>（预格式化）标记，以便在不对字段输入进行处理的情况下表示html和回车符

HTML：

<input id="text" type="text" />
<pre id="outputtext"></pre>

jQuery的：

$(document).ready(function () {
    $('#text').keyup(function () {
        $('#outputtext').html($(this).val());
    });
});

Javascript文本字段实时视图

4 个答案: