Question

早上好。

我有一个textarea，当我输入任何内容时，它会在span容器中显示写入的内容。我希望当我键入多个字符（156个字符）时，它会显示在span容器中，而不是其他内容。我怎么能这样做？

这是我的量程容器

<span class="metadescription"> </span>

和 这是我的文字区域。

<textarea class="checklength" data-limit="156" data-class=".metadescription" type="text" ></textarea>

Answer 1

我不是100％肯定你的要求，但这有什么接近你想要的吗？

$('.checklength').on('keyup',function() {
  var limit = $(this).data("limit");
  if($(this).val().length > limit) {
  $(".metadescription").html($(this).val().substring(0,limit) + "...")
  }else{
  $(".metadescription").html($(this).val())
  }
})

span{width: 199px}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<textarea class="checklength" data-limit="156" data-class=".metadescription" type="text" ></textarea>
<br><span class="metadescription"> </span>

Answer 2

你可以用css试试，看看这个答案： Limit characters displayed in span 看起来像你在寻找我。

切割文本并将...放在最后

2 个答案: