如何输入文本框并将我输入的内容同时显示在div中？

Question

当我输入文本框(或输入字段)并且我同时输入的内容出现在div或页面上的其他位置时,我想拥有它吗？

stackoverflow站点在我们输入问题时执行此操作.当我们输入一个问题时,它会显示我们在文本框下方的框中输入的内容.希望我的问题有道理!

提前致谢.

Answer 1

StackOverflow网站做得更多,因为它也会进行语法高亮,但基本的想法是听取键盘事件 - keydown(更好),keypress或者keyup(如果连续按下按钮则不太好)并在其回调更新中的值具有源容器值的目标容器.这是一个简单的例子.

最好的解决方案是绑定到 - keyup和(keydown或keypress).原因是当key(press|down)回调被触发时,文本框的值仍然是旧值,所以当我们更新目标容器时,它不会获得最后一个字符.keyup另一方面,在更新文本框的值后触发.但是,keyup如果按下按钮不会触发,因为按钮仅释放一次,因此目标会在最后更新.解决方案是使用两个:)

$("textarea").bind('keyup keydown', function() {
    $("#target").html(this.val());
});

在这里查看示例.