文字数のカウント
文字数のカウントを行うライブラリです。
サンプル
ライブラリのダウンロードと設置
「ライブラリのダウンロード」をクリックしてダウンロードしてください。
ライブラリのダウンロード
ダウンロードしたjquery.text-counter.jsを任意の場所へ置き読み込みます。
(jQueryの設置および読み込みは、完了もしくは同時作業を行っているものとします。)
設定したい要素などを指定し、実行します。
オプション
以下のオプションが設定できます。
オプション | 初期値 | 説明 |
---|---|---|
countMode | 'up' | 文字数を数えて表示するか残数を表示するか 設定できる値: 'up' = カウントアップ 'down' = カウントダウン |
maxChars | 0 | 最大文字数 設定できる値: 1以上の数値 = 最大文字数 0 = 無制限 |
overCount | true | 最大文字数を超えても数えるかどうか 設定できる値: true = 数える false = 数えない |
errorClass | 'over-charcters' | 最大文字数を超えた場合のクラス名 |
countClass | 'charcters-count' | 文字数の出力する要素のクラス名 |
countErrorClass | 'over-charcters' | 最大文字数を超えた場合で文字数の出力する要素のクラス名 |
callback | false | コールバック関数 |
outputElement | 'this' | 文字数の出力先要素 |
output | 'after' | 文字数の出力先 設定できる値: 'after' = 指定セレクターの次へ出力 'before' = 指定セレクターの前へ出力 'append' = 指定セレクターの子要素として最後に出力 'prepend' = 指定セレクターの子要素として最初に出力 |
outputMaxChars | false | 最大文字数の出力 設定できる値: true = 出力する false = 出力しない |
prefix | '' | 接頭語 |
suffix | '' | 接尾語 |
event | 'keyup change blur' | チェック・更新するきっかけ(イベント) |
timer | false | Intervalによる監視を行うかどうか 設定できる値: true = Intervalによる監視をする false = Intervalによる監視をしない |