javascript - 使用输入标签实时更改 HTML

Question

如何使用 input 标签实时更改(更改、添加等)HTML/文本？与在 Stack Overflow 上提问时的预览界面非常相似，但去掉了代码编码。它必须简单。

例如，

<input type="text" name="whatever" />
<div id="example"></div>

在上面的 input 标签中输入的任何文本都会实时添加到 #example 中。可能涉及 innerHTML 和 JavaScript？

Answer 1

你可以用 jQuery 做到这一点

$('input').keyup(function(){
    var a = $(this).val();
    $('#example').text(a); 
});

示例:http://jsfiddle.net/5TnGT/