Lengzihaohong

学无止境(专注于DotNet技术)
随笔 - 44, 文章 - 1, 评论 - 0, 阅读 - 29206
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年4月 >
30 31 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 1 2 3
4 5 6 7 8 9 10

实时统计输入字符数

Posted on   神话  阅读(338)  评论(0编辑  收藏  举报

 从QQ空间上抠出来的一段代码,用于实时统计输入字符数

<script>
    
var $E = document.getElementById;
String.prototype.lenB 
= function(){
    
return this.unHtmlReplace().replace(/\*/g," ").replace(/[^\x00-\xff]/g,"**").length;
}

String.prototype.unHtmlReplace 
= function () {
    
var s = (this).replace(/&amp;/g,"&").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&nbsp;/g," ").replace(/&quot;/g,"\"");
    return s.replace(/&#(\d{2});/g,function($0,$1) {return unescape(
"%"+parseInt($1).toString(16));});
}
    function onModChange(s, max, o) {    //实时显示输入字数的
    if(document.readyState != 
"complete") {
        s = escape(s);
        setTimeout('onModChange(unescape(
"'+ s+ '"),'+ max+ ',$E("'+ o.id+ '"))', 10);
        return;
    }
    var words=s.lenB();
    if(words > max)
        words = 
"<font color=red>"+ words+ "</font>";
    else
        words = 
"<font color=green>"+ words+ "</font>";
    o.innerHTML = 
"已输入"+ words+ "个字符(最多"+ max+ "个字符)";
}
</script>


<!--S 发表评论-->
<div>
    
<label><span>发表评论:</span>
 
<textarea name="content" id="cmt_content" cols="50" rows="3" onpropertychange="onModChange(this.value, 150, $E('post_status'))"></textarea>
    
</label>
    
<div><em id="post_status">已输入<font color=green>0</font>个字符(最多150个字符)</em></div>
</div>
(评论功能已被禁用)
编辑推荐:
· 如何在 .NET 中 使用 ANTLR4
· 后端思维之高并发处理方案
· 理解Rust引用及其生命周期标识(下)
· 从二进制到误差:逐行拆解C语言浮点运算中的4008175468544之谜
· .NET制作智能桌面机器人:结合BotSharp智能体框架开发语音交互
阅读排行:
· 后端思维之高并发处理方案
· 千万级大表的优化技巧
· 想让你多爱自己一些的开源计时器
· 10年+ .NET Coder 心语 ── 继承的思维:从思维模式到架构设计的深度解析
· Cursor预测程序员行业倒计时:CTO应做好50%裁员计划
点击右上角即可分享
微信分享提示