ホームページ > 記事 > ウェブフロントエンド > JavaScript はユーザー エクスペリエンスを向上させるための統計テキスト ボックス テキストエリアの単語数を実装します_JavaScript スキル
JavaScript はユーザー エクスペリエンスを向上させるための統計テキスト ボックス テキストエリアの単語数を実装します_JavaScript スキル
- WBOYオリジナル
- 2016-05-16 17:45:57929ブラウズ
現在、Twitter などの人気のマイクロブログ Web サイトでは、テキスト ボックスにテキストを入力すると、入力された文字数が自動的にカウントされ、ユーザーが入力できる文字数は 140 文字に制限されます。マイクロブログ、このような小さなヒントは、ユーザー エクスペリエンスを大幅に向上させることができます。
このテクノロジーが実装されたらどうなるでしょうか? 実際にテストした結果、実装は非常に簡単で、入力文字統計関数が完成することがわかりました。 Twitter などのミニブログもまったく同じです。
使用方法は、まずスパンを追加して残りの単語数を表示し、次に Textarea に onkeydown および onkeyup イベントを追加し、別の JavaScript 関数を呼び出します。関数呼び出しのパラメータは id です。およびスパンのスパン。次に、JavaScript で innerHTML を使用して、計算された残りの単語数を返します。
以下は関連する JavaScript コードです:
以下は引用された内容です:
コードをコピー コードは次のとおりです:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。