textarea限定长度

来源：互联网发布：软件系统质量保证书编辑：程序博客网时间：2024/05/16 02:48

网上找了一个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)" onchange="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/