Twitterなどの人気のあるWeiboのWebサイトには、ユーザーエクスペリエンスが優れています。つまり、テキストボックスにテキストを入力すると、入力された文字が自動的にカウントされ、ユーザーが入力できる文字が表示されます。 140文字の制限があるWeiboブログでは、このような小さなヒントはユーザーエクスペリエンスを大幅に向上させることができます。
このテクノロジーを実装した場合、いくつかの調査を実施し、実装が実際には非常に簡単であることがわかりました。数行のコードは、入力文字統計関数を完了することができます。実際のテストの後、テキストに関する統計は、TwitterなどのWeiboブログの統計とまったく同じです。
使用方法は、最初にSPANを追加して残りのワードカウントを表示し、次にTextareaのOnKeyDownとOnKeyUpイベントを追加し、別のJavaScript関数を呼び出すことです。関数呼び出しのパラメーターは、SPAN IDとTextArea IDであり、JavaScriptのInnerHTMLを使用して計算された残りの単語数を返します。
コアJavaScriptコード：
コードコピーは次のとおりです。
<span style = "font-size：18px;"> <スクリプト言語= "javascript">
function countchar（textareaname、spanname）
{
document.getElementById（spanname）.innerhtml = 140 -document.getElementById（textareaname）.value.length;
}
</script>
<span id = "counter"> 140 </span> words <br/>を入力できます
<textarea id = "status" name = "status" rows = "6" cols = "40" onkeydown = 'countChar（ "status"、 "counter"）;'
onkeyup = 'countChar（ "status"、 "counter"）;'> </textarea> </span>
PS：このサイトは、単語カウントのためのオンラインツールも提供しています。興味のある友達はそれを参照できます：
オンラインワードカウントツール：
http://tools.vevb.com/code/zishutongji