有時候我們在寫項目的時候，用到input或者textarea的時候，可能需要對輸入的字數進行一個限制和顯示，效果圖如下： 輸入文字后的效果圖是這樣的： 下面閑話少說 把這個小功能分享給大家，先是wxml： 然后wxss: 最后是js ...

...

圖一： 圖二： 圖一是選中textarea選中時就顯示出的字數，圖二是鍵盤輸入十個文字顯示的字數 代碼： // 給textarea綁定 獲取/失去焦點 和　按下按鍵時 <div> 　　 　　<textarea id ...

...

　　今天接到任務的第一個需求是限制字數，查看了一下之前人留下來的代碼，使用的是textarea，於是就想當然的用了maxlength，結果發現無用。查閱得知，原來textarea對於maxlength的支持要到ie10了，客戶偏偏要求開發環境是ie8。。。只好重新尋找方法。 這里的需求難點 ...

html部分： js部分： 注：本案例是采用的超出截取的方式，所以textarea不用加maxlength，此做法是為了方便彈框判斷。歡迎斧正！ ...

For example： 效果圖： ...

監聽文本框輸入 Firefox、Chrome、IE9，IE10 均支持 oninput 事件，此外所有版本的 IE 均支持 onpropertychange 事件。 oninput 事件在用戶輸入、退格（backspace）、刪除（delete）、剪切（ctrl + x）、粘貼 ...