texearea 限制字数_限制textarea的输入字数

今天接到任务的第一个需求是限制字数，查看了一下之前人留下来的代码，使用的是textarea，于是就想当然的用了maxlength，结果发现无用。查阅得知，原来textarea对于maxlength的支持要到ie10了，客户偏偏要求开发环境是ie8。。。只好重新寻找方法。

这里的需求难点主要是不单单对于键盘输入需要限制，同时对于复制粘贴也要限制。最好的方法就是在用户超过限制的时候，弹出弹框，并强制取范围内的输入字符。这样能够较好的实现前端的用户要求，对于以后的数据库处理也比较方便。

原本想的是用key相关方法来检测，具体方法写法很简单：

1

2 functionLimitTextArea(field) {3 maxlimit = 4000;4 if (field.value.length >maxlimit) {5 field.value = field.value.substring(0, maxlimit);6 alert("字数不得多于4000！");7 }8 }9

1

但是事实证明这个方法对于鼠标操作无法检测，对于ctrl+v倒是可以。最后采用的是onpropertychange方法：

可是这也是IE专有的方法，FF之类的可以使用oninput的方法，使用方法同样：

如果使用了浏览器检测可以分开，如果没有可以把两个属性写在一起同时使用，暂时没发现什么问题。