能不能在textarea输入框中实时统计行的数量

chenlinet 2010-02-09 05:40:22

<textarea name="CH" id="CH" cols="16" rows="5"></textarea>

想实时显示输入的行数能实现吗？

...全文

310 9 打赏收藏举报

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

chenlinet 2010-02-10

打赏
举报

看错了应该是二楼

三楼那种算法我没输入满一行就回车就会统计不正常

谁能修改一下二楼那种能实时显示呢？

chenlinet 2010-02-10

打赏
举报

看错了应该是二楼

二楼那种算法我没输入满一行就回车就会统计不正常

谁能修改一下三楼那种能实时显示呢？

chenlinet 2010-02-10

打赏
举报

四楼那种算法我没输入满一行就回车就会统计不正常

谁能修改一下三楼那种能实时显示呢？

街头小贩 2010-02-10

打赏
举报

用总字数除以每行的最大长度并不准确

wangyinnet 2010-02-10

打赏
举报

textarea里的换行符是/r/n，不能通过换行符计算吗。

chenlinet 2010-02-10

打赏
举报

楼三那个代码比较准确但是能不能实时显示呢？不用点按钮才显示行数

duwa789 2010-02-09

打赏
举报

或者吧，每个字符判断，如果是中文字符算两个，计算总长度再除以每行最大长度。。。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Untitled Page</title>



    <script language="javascript">

        function showCols(o) {

            document.getElementById("span").innerHTML = o.value.length;

            var length = o.value.length;

            if (length && length > 0) {

                document.getElementById("span").innerHTML = "共" + (parseInt(length / 16) + (length % 16 > 0 ? 1 : 0)) + "行";

            }

        }

    </script>



</head>

<body>

    <form id="form1" runat="server">

    <div>

        <textarea name="CH" id="CH" cols="16" rows="5" onkeydown="showCols(this);"> </textarea>

        <span id="span"></span>

    </div>

    </form>

</body>

</html>