1

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

像图片中这样：http: //i49.tinypic.com/282qpft.jpg

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

4

2 回答 2

2

您的问题含糊不清，但也许一些建议会有所帮助。

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

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

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

根据要求，在 vanilla JavaScript 中：

document.getElementById("my_input").onkeyup = function() {
    document.getElementById("target").innerText = this.value;
}
于 2012-08-18T11:55:15.470 回答
0

如果您想显示textarea在div​​下面输入的任何内容。

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

样品小提琴。

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

进一步参考Jquery .keypress()

于 2012-08-18T12:02:31.707 回答