javascript - 删除文本区域中的一行

Question

所以，我得到了一个 javascript 函数，可以在只读文本区域中添加行，例如: 如果我按下按钮来启动我的功能，我的文本区域包含:

Line abcdef

如果我再次点击，我会得到:

Line abcdef
Line ghijkl

功能是:

function addLine() {
    document.getElementById('myTextArea').value +=
        'Line ' + document.getElementById('textinput').value + '\r\n';
}

但现在我希望能够删除最新添加的行，以防用户犯错误并想要更正它。

有办法做到这一点吗？

Answer 1

按换行符分割，并删除最后一个:

function removeLine(selector) {
    var elem = document.querySelector(selector),
        val  = elem.value.split(/(\r\n|\n|\r)/g).filter(function(n){
                  return n.trim()
               });
    val.pop();
    elem.value = val.join('\r\n') + '\r\n';
}
// i.e. removeLine('#myTextarea');

FIDDLE