jQueryを使った文字数カウントとthrottle/debounce - ELAB.

はじめまして、こんにちは。 軽めのjQuery Advent Calendar 2012の9日目の記事です。 今回はよくある文字数カウントをjQueryで実装してみるのと、便利(?)なプラグインの紹介。 初記事ですので、どうぞお手柔らかにお願いさせていただきたく。（ちなみに現時点ではこれ以外にページはありません！） 文字数カウントの実装 早速ですが、こんな感じでHTMLとJSを書いていきます。 textareaに入力された文字数をdiv#result要素の中に表示していく流れですね。 HTML <textarea></textarea> <div id="result">0</div> JavaScript $(function(){ var cnt; // キー入力が発生する度に実行 $('textarea').on('keyup', function(){ // テキストエリアのval

[tvsk]

jQueryプラグインとして提供されている throttle/debounce を使ってみるサンプル。コードサンプルとデモあり。

[taky1973]

scroll や touchmoveなど連続で発生するイベントの間引きを行う jQuery プラグイン

[torimoku]

ｊQueryのプラグインでイベント間引き　keyupでキー操作のイベントを間引き？しているようですが、scrollの間引きもたしか出来ました（ちょっと試しました）

[kazukichi_0914]

とりあえずはてぶ　あんまいらない気もする。

[kurenai7]

$. debounceいいね

[kurechon]

$. debounceいいね

[tacamy]

はじめて存在をしった

[hisasann]

onscroll、onkeydown

[efcl]

throttle/debounce pluginについて