在input標簽中,只需要設置maxlength=”200”即可,但是在textarea標簽中,IE9及IE9以下瀏覽器是不支持的,IE10、IE11則支持,估計后續的版本應該都會支持。
現在來說下怎么讓大部分IE版本都支持textarea 標簽限制字數,同時允許以chorme為內核的瀏覽器也支持。
<textarea rows="5" maxlength="200" onchange="this.value=this.value.substring(0, 200)" onkeydown="this.value=this.value.substring(0, 200)" onkeyup="this.value=this.value.substring(0, 200)" ></textarea>
這樣子即可。
備注:onchange、onkeydown、onkeyu三者缺一不可。
如省略onchange,當你用復制功能,此時一直按着ctrl不松開,鼠標去點擊其他地方(焦點移出textarea)時,不會自動取消超出部分;
如省略onkeydown,快速錄入的時候會有很多個字符突然不見;
如省略onkeyup,原想預計200的情況下,會變成201,並且最后一個字符是最后敲進去的。
Maxlength 也不可省略,加上maxlength 當碰到IE10及以上版本時,可以完美的實現限制輸入框字數的功能。不像其他低版本的IE瀏覽器還可能出現一個字母后消失。
以上內容大部分是轉載,只因這是最有效的,所以才留下來!
原文地址:http://www.thylx.net/newsdetail.aspx?id=37
