Question

当我追加多个div并且有一个textarea时，当我在textarea中输入文本时，文本显示单独的div。

当我在一个div中输入“demo”show demo时，然后另一个文本输入textarea，例如“Example”显示第二个div。

HTML

<textarea class="speechttxt" rows="3" cols="4" style="height: 75px;width: 267px; background: inherit; border: 1px solid #999; white-space: pre-wrap; resize: none; margin-bottom: 6px; padding-right: 0;"></textarea>

的Javascript

var speech = '<div id="speechID" class="SpeechBubble"><div  class="txtspeech" id="lbl' + (c++) + '"></div></div>';
$('#video_container').append(speech);
$('.speechttxt').keyup(function () {
  var txt = $(this).val();
  $('.txtspeech').html(txt);
});

它的工作，但是当我追加第二个div然后文本输入textarea show in second div。

Answer 1

第二个div会因为两个div都有txtspeech类而发生变化，所以此行$('.txtspeech').html(txt)会定位两个div。

在示例中，您何时创建第二个div并不清楚。

如何在文本区域中将键入的文本显示为单个div

1 个答案: