textarea剩余可输入字数

最新推荐文章于 2024-09-19 17:05:06 发布

原创最新推荐文章于 2024-09-19 17:05:06 发布 · 341 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#textarea剩余可输入字数

IT 同时被 2 个专栏收录

83 篇文章

订阅专栏

46 篇文章

订阅专栏

本文介绍了一个实用的文本输入区域字符计数功能实现方法，通过JavaScript动态监测文本框输入内容，实时显示剩余可输入字符数量，适用于各种需要限制输入长度的场景。

<textarea onKeyUp="javascript:checkWord(this);" onMouseDown="javascript:checkWord(this);" name="content" style="overflow-y:scroll"></textarea>
还可以输入<span style="font-family: Georgia; font-size: 26px;" id="wordCheck">160</span>个字符 </div>
<script>
    var maxstrlen=160;
    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>