140字评论特效

最新推荐文章于 2021-12-26 13:54:17 发布

Lewis_1993

最新推荐文章于 2021-12-26 13:54:17 发布

阅读量605

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/Levis_1993/article/details/47339537

版权

javascript 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>140字评论特效</title>
    <script>
    var maxstrlen = 140;

    function Q(s) {
        return document.getElementById(s);
    }

    function checkWord(c) {
        len = maxstrlen;
        var str = c.value;
        myLen = getStrleng(str);
        var wck = Q("wordCheck");
        if (myLen > len * 2) {
            c.value = str.substring(0, i - 1);
        } else {
            wck.innerHTML = Math.floor((len * 2 - myLen) / 2);
        }
    }

    function getStrleng(str) {
        myLen = 0;
        i = 0;
        for (;
            (i < str.length) && (myLen <= maxstrlen * 2); i++) {
            if (str.charCodeAt(i) > 0 && str.charCodeAt(i) < 128)
                myLen++;
            else
                myLen += 2;
        }
        return myLen;
    }
    </script>
</head>

<body>
    <div>
        控制输入框字符输入，计算输入字符总数,显示剩余字数;
        <br> 一个英文字符算一个字符，一个中文字符算两个字符计算。
    </div>
    <div>
        <textarea onKeyUp="javascript:checkWord(this);" onKeyDown="javascript:checkWord(this);" name="content" id="content"></textarea>
    </div>
    <div>
        还可以输入<span id="wordCheck">140</span>个字符
    </div>
</body>

</html>