JQuery为textarea添加maxlength属性并且兼容IE

  // JQuery为textarea添加maxlength

  // textarea默认不支持maxlength属性。

  // 通过JQuery的keyup事件:

  JQuery代码如下

  

复制代码 代码如下:

  <script type="text/javascript">

  $(function(){

  //IE也能用textarea

  $("textarea[maxlength]").keyup(function(){

  var area=$(this);

  var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值

  if(max>0){

  if(area.val().length>max){ //textarea的文本长度大于maxlength

  area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值

  }

  }

  });

  //复制的字符处理问题

  $("textarea[maxlength]").blur(function(){

  var area=$(this);

  var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值

  if(max>0){

  if(area.val().length>max){ //textarea的文本长度大于maxlength

  area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值

  }

  }

  });

  });

  </script>

  html:

  

复制代码 代码如下:

  <textarea style="width:300px; height:60px;" maxlength="10"></textarea>