亚洲高清无码永久免费-91无码视频在线-2021欧美一级-成年人免费三级网站干逼-欧美aaaaa级黄片-欧美黄色A级大片-女教师一级A片在线-欧美一级黄片,a片-欧美黄色三级电影院

textarea 輸入框限制字數

發布于2017/12/30 16:34:31  訪問次數:5347  來源:本站

在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瀏覽器還可以出現一個字母后消失。


?