javascript - 将 (...) 放在文本末尾特定数量的字符之后

Question

我有一个输入字段。我希望当我输入特定数量的字符时，它会在文本末尾显示 (...)。

我听说过一些关于 Substring 的事情，但我不知道如何使用它。

这是我的输入字段。 data-limit 显示文本在哪一点过长。

    <input class="controlinput" id="metadescription" data-limit="156"  data-class=".metadescription" type="text" >

这是当我在输入字段中键入文本时将显示文本的位置。

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

Answer 1

document.getElementById('yourInput').addEventListener('input', function(){
  var val = document.getElementById('yourInput').value
  if(val.length === 156){
    document.getElementById('yourInput').value = val + '(...)';
  }
})

如果您为输入字段的更改事件添加事件处理程序，您可以检查添加的字符串有多长，如果达到给定长度，您可以添加您想要的字符串

fiddle :https://jsfiddle.net/a623p30u/