現在流行的Twitter等微博客網站,有一個很好的用戶體驗,就是在文本框中輸入文字的時候,會自動統計輸入的字符,并顯示用戶還能輸入的字符,在限制了140個字的微博客中,這樣的小提示可以很好的增強用戶體驗。
如果實現這種技術呢,我進行了一些研究,發現實現其實挺簡單,幾行代碼就能完成輸入字符統計功能,經過實際測試,其對文字的統計與Twitter等微博客的完全相同。
使用方法是,先增加一個span,用于顯示剩余的字數,然后在Textarea中,加入一個onkeydown和onkeyup的事件,調用另一段JavaScript函數,函數調用的參數為span的id和textarea的id,然后再JavaScript中使用innerHTML返回計算出來的剩余字數。
核心Javascript代碼:
PS:本站還提供了一個關于字數統計的在線工具,感興趣的朋友可以參考一下:
在線字數統計工具:
新聞熱點
疑難解答