Question

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

我听说过Substring但我不知道如何使用它。

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

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

当我在输入字段中输入文本时，文本将显示在这里。

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

Answer 1

"dependencies": [
  ...,
  {
    "name": "chart.js",
    "path": "../node_modules/chart.js/dist",
    "main": "Chart.min.js"
  },
  {
    "name": "aurelia-chart",
    "path": "../node_modules/aurelia-chart/dist/amd",
    "main": "index",
    "deps": ["chart.js"]
  }
]

如果为输入字段的change事件添加一个eventhandler，你可以检查添加的字符串有多长，如果它达到给定的长度，你可以添加你想要的字符串

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

Answer 2

来源：
http://www.w3schools.com/jsref/jsref_substring.asp
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/length

var input = $('.controlinput');
var inputLength = input.val().length
var maxLength = input.data('limit');
var mustTruncate = inputLength > maxLength;
if(mustTruncate){
  var truncatedValue = input.val().substring(0, maxLength) + "(...)";
  var label = $("."+input.data("class"));
  label.html(truncatedValue);
}

在特定数量的字符之后将（...）放在文本的末尾

2 个答案: