Question

我正在为我的网站制作一个帖子页面，我想添加一个自动更新预览框，显示上面的文本框中输入的内容。显然我想使用javascript或jquery。我需要的东西与本网站的询问页面基本相同！

Answer 1

您在寻找.keyup()吗？

看一下这个小提琴的一个简单例子：http://jsfiddle.net/LUDWQ/2/

$('#tb1').keyup(function() {
    $('#tb2').val($('#tb1').val());
});

当放入div而不是另一个文本框时，您可以使用它：

$('#tb1').keyup(function() {
    $('#tb2').html($('#tb1').val()); //tb2 is a <div> here
});

小提琴：http://jsfiddle.net/LUDWQ/4/

Answer 2

如果textarea控件的id为“textarea_control”，并且预览div / span /具有id为“preview”的内容，则可能会使用类似这样的内容（从我在项目中使用的某些代码中获取并调整为你的例子）。

//Wait for input in textarea
$("#textarea_control").keyup(function() {
  var inputB = $(this).val();
  if(globalTimeout != null){
    clearTimeout(globalTimeout);
  }
  //Give the user a slight time to delay while typing
  globalTimeout = setTimeout(function(){
    $("#preview").html(inputB);
  }, 1000);

希望这有帮助！

请注意，这不会对用户的输入进行任何过滤，因此您应该考虑调用单独的函数来过滤数据，以防止在显示预览之前进行注入或其他攻击。

从文本框自动显示预览

2 个答案: