在textarea中查找每行有多少个字符

Question

我有一个文本区域，我需要计算出我的文本区域中每行有多少个字符。每行的字符根据字符大小和文本区域的列而变化，所以我想知道是否有一种方法可以在不手动计算的情况下找到它。

<textarea cols = '5' rows = '10'>1234567</textarea> 
^----7 characters fit in a textarea with a cols of 5, and default font-size;

<textarea cols = '6' rows = '10'>12345678</textarea> 
^----8 characters fit in a textarea with a cols of 6, and default font-size;

<textarea cols = '7' rows = '10'>123456789</textarea> 
^----9 characters fit in a textarea with a cols of 7, and default font-size;

Answer 1

检查下面的代码。希望对您有所帮助。这里 "arrayOfLines[i].length" 将 return 一行中的总字符数。我已经把它们写在控制台上了。

<script type="text/javascript">
    function calculate() {
        var textArea = document.getElementById("my-text-area");
        var arrayOfLines = textArea.value.split("\n");
        for(var i = 0;i < arrayOfLines.length;i++){
            console.log(arrayOfLines[i].length);
        }
    }
</script>

用于计算字符的文本区域和按钮

<textarea id="my-text-area"></textarea>
<button onclick="calculate();">Calcualte</button>

在textarea中查找每行有多少个字符

Find how many characters there are per line, in textarea

javascript

php

jquery

textarea

character