javascript - jQueryの「change（）」イベントの反対は何ですか？

Question

jQueryを使用して、テキストが含まれている入力フィールドに異なるCSSを持たせようとしています。しかし、テキストが削除されたときにCSSを元に戻すことはできません。

入力フィールドのテキストが削除されたときに何かを行うjQueryまたはJavascriptイベントはありますか？

Answer 1

たぶん、もう少しjavascriptコードを追加する必要があります

var track = function() {

    if($(this).val().length){
        $(this).removeClass('empty').addClass('full');
    } else {
        $(this).removeClass('full').addClass('empty');            
    }
}

$('input').keyup(track);​

例：

http://jsfiddle.net/demee/63nz6/

Answer 2

change()テキストが削除されたときにも起動します。
値を確認するだけです。

より迅速な対応のために、とも処理する必要がkeyupありinputます。

Answer 3

$("#elementID").on('change', function() {

    if (this.value=="")  {
        //no text is present
    }else{
        //element contains something
    }

});

changeぼかしなどの特定のイベントでのみ発生します。より動的にするために、に置き換えることchangeを検討してください。keyup

Answer 4

これを試して

$("selector").change(function() {
  if($(this).val() == "") {
   // your code
  }
})

Answer 5

$("#element").change(function(){
  if($(this).val() == "") {
    // do here
  }
});

Answer 6

キーアップで長さを確認すると、ユーザーが入力しているときに起動します。

$(document).ready(function() {
    $('#text').keyup(function() {
        if($(this).val().length == 0) {
            $(this).removeClass('filled_in');
        } else {
            $(this).addClass('filled_in');
        }
    });
});​

このjsFiddleで実際の動作を確認できます。