限制textarea 文本框的长度(收集了几个办法)

文章参考地址：http://blog.csdn.net/nhconch/article/details/4223076

需求背景：

前几天，因为客户有一个需求说，需要对一个评论（一个textarea文本框）的长度进行限制，简单的理解就是 这个文本框只能输入100个字符，然后就不能在输入了！

实现方案一：用maxlength属性

 <textarea maxlength="10"></textarea>

这个方式很简单的哦，但是 在我这边测试的时候，并不能完全兼容主流浏览器

兼容性效果如下：

IE8	Firefox 17	Chrome 23
不兼容	兼容	兼容

实现方案二：用javascript实现

<textarea name="txt1" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'></textarea>

这里就用到了一个onKeyDown。但是效果也不太理想。

兼容性效果如下：

IE8	Firefox 17	Chrome 23
兼容	不兼容	兼容

实现方案三：综合上面的方法

因为上面无法兼容IE 和firefox，没办法，只能贱一点了！~所以，我就把上面的方法给综合起来~~

代码如下：

 <textarea name="txt1" cols="45" maxlength="20" rows="2"  onKeyDown='if (this.value.len