Textarea预览分部

Question

我正在尝试编写一个自动显示在div中的textarea预览（如stackoverflow）。我创建了一个脚本，但似乎没有用。如果有人可以帮我解决HTML和JavaScript中的脚本问题，我会很高兴。

如下图所示： http://i49.tinypic.com/282qpft.jpg

似乎不起作用的脚本： http://jsbin.com/ufeqoj

Answer 1

你的问题很模糊，但也许一些指示会有所帮助。

• 每次用户输入字符时，您都希望更新目标div。这是onkeyup处理程序（或onkeydown，取决于您的预期用户体验 - 可能是前者。）
• 您是否要保留用户在文本区域中输入的任何HTML？如果是这样，您需要更新目标innerHTML的{​​{1}}属性。如果您只想更新文本，请更改div属性。

使用jQuery的一个快速而肮脏的例子：

innerText

根据要求，在vanilla JavaScript中：

$("textarea#my_input").bind('keyup', function() {
    $("div#target").text($(this).val());
}

Answer 2

如果您想在其下面的textarea中显示div中输入的内容。

您可以使用Jquery .keypress()功能。

<强> Sample Fiddle

这只是一个起点。你可以改变它以满足你的要求。

进一步参考 Jquery .keypress()