Question

我有一个textarea，我需要弄清楚我的textarea中每行有多少个字符。每行的字符根据字符大小和textarea的cols而变化，所以我想知道是否有办法找到它而不用手动计算它们。

<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”将返回一行中的总字符数。我把它们写在控制台上。

<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和计算字符的按钮

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

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

1 个答案: