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);
        }
    });
});

みたいな。

コメント:1

****** 13-10-17 (木) 17:54
このコメントは管理者の承認待ちです
コメントフォーム
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 でテキスト変更のイベントをキャッチ

カレンダー
« 2017 年 11月 »
    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 30      
最近のコメント
最近のPings
最近の投稿
メタ情報
カテゴリー

Return to page top