如何解决Javascript文本字段实时视图
| 我正在尝试编写类似此页底部的代码来发表评论。我有基本代码,但输出未注册新行(或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>
解决方法
document.getElementById(\'outputtext\').innerHTML = (text + \'\').replace(/([^>\\r\\n]?)(\\r\\n|\\n\\r|\\r|\\n)/g,\'$1<br>$2\')
,您是否尝试过将textarea内容作为
var text = document.getElementById(\'text\').value;
?
,我认为对这种情况下的jQuery之类的工具如何使您的生活变得更轻松有好处。您的具体问题尚不清楚,但是...您能给我们更多细节吗?
,您可以使用<pre>
(预格式化)标记,以便在不篡改字段输入的情况下表示html和回车符
的HTML:
<input id=\"text\" type=\"text\" />
<pre id=\"outputtext\"></pre>
jQuery的:
$(document).ready(function () {
$(\'#text\').keyup(function () {
$(\'#outputtext\').html($(this).val());
});
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。