ホームページ  >  記事  >  ウェブフロントエンド  >  単語カウントを実装するための Javascript コード

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

怪我咯
怪我咯オリジナル
2017-07-04 15:05:552207ブラウズ

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

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

りー

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。