php - 立即显示表单输入

Question

我想知道如何直接显示用户输入的表单。

例如在这个网站上，当您提出问题时，您的文字会直接显示在底部。或者在本站点赞http://demo.tutorialzine.com/2010/01/sticky-notes-ajax-php-jquery/demo.php添加注释时，您可以立即在左侧看到您的即时贴的外观。

我认为这是用 javascript 完成的，但我不知道怎么做

亲切的问候

Answer 1

您可以使用 jQuery.keyup 事件 jsfiddle

 $("textarea").keyup(function(){
   $('div div').html(this.value);

});
$("input").keyup(function(){
   $('div span').html(this.value);

});

HTML

    <textarea ></textarea>
<input />
<div >
    <div></div>
    <span></span>
</div>

CSS:

div{

 position: relative;
    width: 150px;
    height:100px;
}
span{

 position:absolute;
    right:3px;
    bottom:3px;
}
​