小黄片免费看亚洲,欧美中文字幕一级在线,精品国产精品国产自在久国产,日本黄色视频在线直播

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


?