在特定行中計算textarea中的字符數

Question

如何讀取特定行中的總字符數？

我希望用戶只能在textarea輸入75個字符，只有5行，意味着用戶只能使用5個輸入或返回，5個輸入或返回后他將無法輸入更多的字符。 所以在一行中有15個字符。

我可以使用以下代碼獲取當前行號，如何計算該行onkeypress中的總字符數？

function getLineNumber()
{
    var t = $("#textareaId")[0];
    console.log(t.value.substr(0, t.selectionStart).split("\n").length);
}​

Answer 1

這是jsFiddle ，這里是代碼：

function getLineNumber()
{
    var t = $("#textareaId")[0];
    var lineIndex = t.value.substr(0, t.selectionStart).split("\n").length-1;

    //alert the characters in line
    alert(t.value.substr(0, t.selectionStart).split("\n")[lineIndex].length);
}

$("#textareaId").keypress(function() {
  getLineNumber();
});

另一種方法是在這個更新的jsfiddle1中

function getLineNumber()
{
    var t = $("#textareaId").val().split("\n");
    var lineIndex = (t.length)-1
    alert(t[lineIndex].length);
}

$("#textareaId").keypress(function() {
  getLineNumber();
});

希望這可以幫助。

Answer 2

也許你可以添加一點css來解決你的問題？

選項a：沒有滾動條，文本區域擴展：

textarea {
overflow:auto;
}

選項b：沒有滾動條，文本區域保持不變：

textarea {
overflow:hidden;
}

這有幫助嗎？