Home > jQuery > jQuery Text Change Event でテキスト変更のイベントをキャッチ

jQuery Text Change Event でテキスト変更のイベントをキャッチ

  • 2011-08-09 (火) 22:44
  • jQuery

jQueryで、テキストボックス、テキストエリアの内容が変わるたびにイベントを発生させられるようになるプラグイン。

jQuery Text Change Event
http://www.zurb.com/playground/jquery-text-change-custom-event

何に使えるかというと、テキストエリアが未編集の場合にはボタンが無効にしておいて、何か編集したらボタンが有効になり押せるようになる、といったUIや、Twitterのように残り何文字といったカウントを行うためのイベント発生など。

べんりべんり。

(追記)

と思ったけど、IE8でなぜかstack overflowとかJavaScriptのエラーが出るのでjQueryで自前で書いた。
編集前の内容を格納しておいて、keyupのイベントが発生するたびに比較する形で実現。

$(function(){
    $(‘#memo’).bind(‘keyup’, function () {
        var res=$(this).val();
        var original=$(‘#tmp’).val();
        if(res==original) {
            $(‘#_add’).attr(‘disabled’, true);
        } else {
            $(‘#_add’).attr(‘disabled’, false);
        }
    });
});

みたいな。

コメント:0

コメントフォーム
Remember personal info

トラックバック:0

このエントリーのトラックバックURL
http://blog.tanaka-cs.com/jquery/p/297/trackback
Listed below are links to weblogs that reference
jQuery Text Change Event でテキスト変更のイベントをキャッチ from # えびログ

Home > jQuery > jQuery Text Change Event でテキスト変更のイベントをキャッチ

カレンダー
« 2012 年 2月 »
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
最近のコメント
最近のPings
最近の投稿
メタ情報
カテゴリー
  • 本日、ウルトラASPの新管理画面の本番運用を開始しました。 http://t.co/w1Nuhmr via @Greenwich_Inc 2011-08-24
  • 本当に長いことかかって、何度もとん挫しかかったシステムがようやく本番環境でテストを開始できた。やっぱり物を作っている時が一番楽しい。リリースはあと一ヶ月くらいかな。 2011-07-07
  • 自衛隊はヘリで物資を輸送する訓練をさんざんやっているから、投下がダメだとしても、普通に救援物資を運べるはずなのだが、絶対おかしい。と元自衛官の義父が言っている。なんでだ? 2011-03-17
  • More updates...

Posting tweet...

Return to page top