關於textarea限制字數的總結


在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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM