textarea限定长度

网上找了一个example，修改了一下。代码如下：

 

<script type="text/javascript">
/*
* 限制textarea文本域输入的字符个数
* @id        textarea表单ID
* @count 要限制的最大字符数
*/
function limitChars(id, count)
{
    var obj = document.getElementById(id);
    if (obj.value.length > count)
    {
        obj.value = obj.value.substr(0, count);
		document.getElementById("overCountTips").innerHTML="最多只能输入"+count+"个字符";
    }else{
	    document.getElementById("overCountTips").innerHTML="";
	}
}

</script>

<textarea name="description" cols="50" rows="3" id="description" onKeyDown="limitChars('description', 20)" οnchange="limitChars('description', 20)" onpropertychange="limitChars('description', 20)"><div class="STYLE4" id="overCountTips" style="display:"></div>

说明：1、onkeydown监控用户键盘输入并进行字符截取；2、onchange防止用户通过复制粘贴功能输入超过指定最大字符数的字符；3、onpropertychange针对IE（FF中无效），作用就是当用户通过复制粘贴功能来进行输入时，当粘贴完成的瞬间即进行字符截取，而不是像onchange那样需要等到焦点离开textarea控件时才进行字符截取（该属性主要为了用户体验上的效果，没有该属性已经可以真正完成限制字符输入个数的任务）。

 

原文：http://sunjun041640.blog.163.com/blog/static/2562683220087853440483/