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

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

我听说过有关Substring的信息，但我不知道如何使用它。

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

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

这是我在输入字段中键入文本时显示的地方。

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

最佳答案

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

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

小提琴：https://jsfiddle.net/a623p30u/

关于javascript - 在特定数量的字符之后，将(…)放在文本的末尾，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41102503/