ホームページ > ウェブフロントエンド > jsチュートリアル > 単語カウントを実装するための Javascript コード

単語カウントを実装するための Javascript コード

怪我咯
リリース: 2017-07-04 15:05:55
オリジナル
2260 人が閲覧しました

Twitter などの人気のミニブログ Web サイトは、優れたユーザー エクスペリエンスを備えています。テキスト ボックスにテキストを入力すると、入力された文字数が自動的にカウントされ、ユーザーが入力できる文字数の制限が 140 文字になります。ミニブログでは、このような小さなヒントがユーザー エクスペリエンスを大幅に向上させることができます。

ワードカウント関数、原理はテキストエリアにonKeyupイベントを追加することです。イベントはテキストエリアのコンテンツを読み取って長さを取得し、それをワード数をカウントするテキストノードに割り当てます。ここで注意すべき点が 1 つあります。 onKeypress onKeydown イベントも効果を実現できますが、いくつかの欠点があり、場合によっては誤解を招く可能性があります。私はすべてを試しましたが、onKeyup イベントを 1 つだけ使用するのが最も賢明な選択であると感じています。

りー

以上が単語カウントを実装するための Javascript コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート