js 模仿微博字数限制

博客分类：

javascript html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<title>显示输入剩余字数</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 style="font-size: 16px">
        控制输入框字符输入，计算输入字符总数,显示剩余字数;<br> 一个英文字符算一个字符，一个中文字符算两个字符计算。
    </div>
    <div>
        <textarea onKeyUp="javascript:checkWord(this);"
            onKeyDown="javascript:checkWord(this);" name="content" id="content" 
            style="overflow-y: scroll"></textarea>
    </div>
    <DIV>
        还可以输入<span style="font-family: Georgia; font-size: 26px;"
            id="wordCheck">140</span>个字符
    </div>
</body>
</html>

分享到：

MD5加密 --Java | hashMap 插入重复值

2014-01-23 13:53
浏览 885
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js 模仿微博字数限制

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

js 模仿微博字数限制

评论

发表评论

相关推荐

ajax 实现文件上传

js 传值给 IOS

百度词库联想

html 锚点跳转

将博客搬至CSDN

js 获取鼠标坐标

js 正整数 小数 正则表达式判断

js 自定义map 集合操作

js 标准化模板

达内到底好不好? 达内培训怎么样? 达内培训效果如何? 达内培训出来好找工作吗？谁来为我负责？

js 日期格式化函数

js 9种排序，未验证 引用别人博客

js time format Object [object Date] has no method 'Format'

js 获取验证码倒计时

js 数字正则表达式

javascript 事件

tom 大叔的日记，深入理解 JavaScript 的力量

js 数组操作 array

ajax 请求回的json数据实时写入html

IE6、IE7、IE8、IE9关闭窗口不提示的JS代码

最近访客更多访客>>

js 正整数小数正则表达式判断

js 9种排序，未验证引用别人博客