jQueryを使用して、入力フィールドにテキストが含まれているときに異なるCSSを使用しようとしています。しかし、テキストが削除されたときにCSSを元に戻すことはできません。jQueryの "change()"イベントの反対は何ですか?
入力フィールドのテキストが削除されたときに何かするjQueryイベントまたはJavascriptイベントはありますか?
jQueryを使用して、入力フィールドにテキストが含まれているときに異なるCSSを使用しようとしています。しかし、テキストが削除されたときにCSSを元に戻すことはできません。jQueryの "change()"イベントの反対は何ですか?
入力フィールドのテキストが削除されたときに何かするjQueryイベントまたはJavascriptイベントはありますか?
たぶん、あなただけに例
var track = function() {
if($(this).val().length){
$(this).removeClass('empty').addClass('full');
} else {
$(this).removeClass('full').addClass('empty');
}
}
$('input').keyup(track);
ビットを追加するためのより多くのjavascriptのコードを必要とする:あなたはkeyUpイベントの長さを確認した場合、それはユーザーとして火災ます
非常に良いアプローチ – MaYaN
$("#element").change(function(){
if($(this).val() == "") {
// do here
}
});
$("#elementID").on('change', function() {
if (this.value=="") {
//no text is present
}else{
//element contains something
}
});
change
特定のイベントの唯一の火災は、ぼかしのように、それはよりダイナミックにするためにkeyup
でchange
を置き換えることを検討します。
打ち込んでいる。
$(document).ready(function() {
$('#text').keyup(function() {
if($(this).val().length == 0) {
$(this).removeClass('filled_in');
} else {
$(this).addClass('filled_in');
}
});
});
this jsFiddleで確認できます。
'change'イベントで入力の内容をチェックすることができます(空でも空でもない)。 – pimvdb