Home > jQuery

jQuery Archive

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

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

みたいな。

ホーム > jQuery

カレンダー
« 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