textarea 控制输入字符字节数示例代码
来源：自学PHP网
时间：2014-09-19 14:48 作者：
阅读:次
[导读] 利用js textarea的onKeyDown与onKeyUp事件实时监控用户按键事件，然后利用我们自定义统计函数来计算当前有多少数字，能输入多少字符。...
|
实时统计数字html
| 代码如下 |
复制代码 |
|
<textarea id="text" cols="110" rows="20" dir="ltr" onKeyDown="CountStrByte()" onKeyUp="CountStrByte()"
onfocus="if(this.value=='优质专业的回答更容易被关注！') this.value='';" onblur=" if(this.value=='') this.value='优质专业的回答更容易被关注！'">优质专业的回答更容易被关注！</textarea>
|
js代码，把下面代码保存成111cn.net.js文件
| 代码如下 |
复制代码 |
|
var LastCount =0;
function CountStrByte(){ //字节统计
var ByteCount = 0;
var StrValue = ID('text').value;
var StrLength = StrValue.length;
var MaxValue = 1000;
if(LastCount != StrLength) { // 在此判断，减少循环次数
for (i=0;i<StrLength;i++){
ByteCount = ByteCount + 1;
if (ByteCount>MaxValue) {
ID('text').innerHTML = StrValue.substring(0,i);
alert("评论内容最多不能超过 1000 个字！");
ByteCount = MaxValue;
break;
}
}
ID('Remain').innerHTML = MaxValue - ByteCount;
LastCount = StrLength;
}
}
|
|
