textarea 输入框限制字数
在input標(biāo)簽中,只需要設(shè)置maxlength=”*”即可,但是在textarea標(biāo)簽中,IE9及IE9以下瀏覽器是不支持的,IE10、IE11則支持,估計(jì)后續(xù)的版本應(yīng)該都會(huì)支持。
現(xiàn)在來說下怎么讓大部分IE版本都支持textarea 標(biāo)簽限制字?jǐn)?shù)。
<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、onkeyu三者缺一不可。
如省略onchange,當(dāng)你用負(fù)責(zé)功能,此時(shí)一直按著ctrl不松開,鼠標(biāo)去點(diǎn)擊其他地方(焦點(diǎn)移出textarea)時(shí),不會(huì)自動(dòng)取消超出部分;
如省略onkeydown,猛敲的時(shí)候會(huì)有很多個(gè)字符突然不見了;
如省略onkeyup,原想預(yù)計(jì)20的情況下,會(huì)變成21,并且最后一個(gè)字符是最后敲進(jìn)去的。
Maxlength 也不可省略,加上maxlength 當(dāng)碰到IE10及以上版本時(shí),可以完美的實(shí)現(xiàn)限制輸入框字?jǐn)?shù)的功能。不想其他低版本的IE瀏覽器還可以出現(xiàn)一個(gè)字母后消失。
總結(jié)
以上是生活随笔為你收集整理的textarea 输入框限制字数的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 文本框输入限制【不允许空格、只允许数字】
- 下一篇: 如何配置Filter过滤器处理JSP中文