textarea实时统计输入单词个数

最新推荐文章于 2021-08-14 18:03:24 发布

一只小coder

最新推荐文章于 2021-08-14 18:03:24 发布

阅读量1.3k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/u014633966/article/details/79103186

版权

前端专栏收录该内容

4 篇文章 1 订阅

订阅专栏

1. 效果如下：

2. html:

<textarea οnkeyup="wordStatic(this);" style="height: 150px; width: 970px;resize:none"></textarea>
<div>word count:<i>0</i></div>

3. js:

function wordStatic(input) {
    var text = $(input).val();

    text = text.replace(/\r\n/g, " ")
    text = text.replace(/\n/g, " ");

    var arr = text.split(" ");
    for (var i = 0; i < arr.length; i++) {

        if (arr[i].length < 1) {
            arr.splice(i, 1);
            i = i - 1;
        }
    }
    $(input).next().children("i").html(arr.length);

}

思路就是，每次监听用户按键弹起，将所有文本按照空格split生成数组arr，然后统计arr中非空字符串的个数。