您的位置:首页 > Web前端 > JavaScript

textarea显示剩余字数

2012-07-09 17:51 447 查看
<textarea id="a" onpropertychange="cal()"></textarea>
您还可以输入<span id="c"></span>字

<script>
var maxchar=200
document.getElementById("c").innerHTML=maxchar
function cal() {
if(document.getElementById("a").value.length>maxchar) {
document.getElementById("a").value=document.getElementById("a").value.slice(0,maxchar);
document.getElementById("c").innerHTML=0; }
else {
document.getElementById("c").innerHTML=maxchar-eval(document.getElementById("a").value.length);
} }

//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent))    //ie浏览器
{document.getElementById('a').onpropertychange=cal
}
else
{//非ie浏览器,比如Firefox
document.getElementById('a').addEventListener("input",cal,false);
}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js