ホームページ >ウェブフロントエンド >jsチュートリアル >JS_javascript スキルを使用して残りの単語数を計算するコード

JS_javascript スキルを使用して残りの単語数を計算するコード

WBOY
WBOYオリジナル
2016-05-16 19:03:181191ブラウズ

まず HTML コードを見てみましょう:



最大テキスト長: 250。残り: 250.
onkeyup は、ユーザーがキーボードから離れたときにトリガーされるイベントであることがわかります。渡されたパラメーターは次のとおりです (つまり、現在のドキュメント領域)

次に、JS コードを見てください。 🎜>


この関数は、まず maxChars 変数 (入力領域で使用できる最大文字数。この変数は計算に使用できる数値であることに注意してください)

次に、テキストエリアに入力された値がパラメータから取得され、以前に指定された最大長と比較されます。
入力文字の長さが範囲を超える場合、substring を使用してその長さを強制的に制限します (0, maxChars)。これは、入力範囲が 0 文字から maxChars (変数) 文字であることを意味します。

var curr = maxChars - what.value.length; は、使用可能な文字数を計算し、値を curr に保存するために使用されます。

最後に、getElementById を使用して ID chLeft (この HTML では span) を持つオブジェクトを見つけ、toString メソッドを使用して curr の値を文字列に変更し、span タグにフィードバックします。

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