直接/实时预览一样＃1？

Question

怎么做我喜欢＃1，当你在这个字段中键入，那它预览直属？我不知道这是如何已经做出，我真的很喜欢做这样的事情，以我的网站。 我有你编辑一个文本，然后..？如何？

由于

Answer 1

在脚本标签使用jQuery，在报头中：

    $(document).ready(function(){
        $('#textbox-id').keypress(function(){
          $('#preview-id').html($(this).val());
        }
    });

然后，在您的HTML：

<textarea id="textbox-id"></textarea>
<div id="preview-id"></div>

修改

该死，由几秒钟殴打。此外，wmdeditor正是它。

Answer 2

简单，把一个div元素，然后在文本框中的onMouseup你可以有一个jQuery事件移动信息

<textarea id="entry" onmouseup="$('#output').html($('#entry').val())"></textarea>
<div id="output"></div>

Answer 3

使用jQuery的keypress事件：

$('#in').keypress(function() {
    $('#out').text($(this).val());
});

Answer 4

看到这一点， http://jsfiddle.net/testtracker/2C3Zj/

$(document).ready(function(){
    $('#textbox-id').on('keyup', function(){
      $('#preview-id').html($(this).val());
    });
});​