在input標簽中,只需要設置maxlength=”***”即可,但是在textarea標簽中,IE9及IE9以下瀏覽器是不支持的,IE10、IE11則支持,估計后續的版本應該都會支持。
現在來說下怎么讓大部分IE版本都支持textarea 標簽限制字數。
<textarea id="taContent" rows="3" maxlength="20" onchange="this.value=this.value.substring(0, 20)" onkeydown="this.value=this.value.substring(0, 20)" onkeyup="this.value=this.value.substring(0, 20)" ></textarea>
這樣子即可。
備注:onchange、onkeydown、onkeyup三者缺一不可。
如省略onchange,當你用負責功能,此時一直按著ctrl不松開,鼠標去點擊其他地方(焦點移出textarea)時,不會自動取消超出部分;
如省略onkeydown,猛敲的時候會有很多個字符突然不見了;
如省略onkeyup,原想預計20的情況下,會變成21,并且最后一個字符是最后敲進去的。
Maxlength 也不可省略,加上maxlength 當碰到IE10及以上版本時,可以完美的實現限制輸入框字數的功能。不想其他低版本的IE瀏覽器還可以出現一個字母后消失。