计算字符数，删除额外的字符并在输入前添加字符串

Question

我希望能够计算元素中的字符数，如果数量超出限制则删除额外的字符，并在之前添加字符串允许的文本。

到目前为止，我有这个：

var ref = "really_really_really_really_really_really_really_really_really_really_really_loong_text";
if (ref.length > 47) {
    ref = '...'+ref.substr(0,47);
}
$("#box").text("Ref: "+ref);

<textarea maxlength="50" name="box" rows="6" cols="40" id="box"></textarea>

在这种情况下，我希望sting最多为47个字符，并且添加...到它的开头=总共50个字符。 它有点工作，但我想删除字符串的第一部分，如果超出限制，而不是最后一部分。我该怎么做？

Fiddle here

非常感谢。

Answer 1

从索引length - 47开始子串到length。

<强> Live Demo

var ref = "really_really_really_really_really_really_really_really_really_really_really_loong_text";
if (ref.length > 50) {
    ref = '...'+ref.substr(ref.length-47,ref.length);
}
$("#box").text("Ref: "+ref);

Answer 2

试试这个。

var ref = "really_really_really_really_really_really_really_really__loong_text";
if (ref.length > 50) {
  var endStringLength = ref.length-47;
  ref = ref.slice(-endStringLength) + '...';
}
$("#box").text("Ref: "+ref);