將文本輸入到字段並在文本被刪除時再次顯示

Question

隱藏div當有人開始在搜索字段中輸入文本時，我使用下面的代碼隱藏div。

$('#search').keypress(function() { 
$('#hello').hide(); 
$(this).focus(); 
}); 

我的問題是，我不知道怎樣才能當文本在搜索字段中被清除，我再次顯示隱藏的股利。 有人可以幫助或引導我嗎？

jsfiddle here

Answer 1

下面是代碼，使其工作

$('#search').keyup(function() { 
    if($(this).val() == ''){ 
     $('#hello').show(); 
    }else{ 
     $('#hello').hide(); 
    } 
}); 

這裏更新JSFiddle代碼

Answer 2

您可以測試是否字段爲空（當KEYUP代替）：

$('#search').keyup(function() { 
if($(this).val() == ''){ 
    $('#hello').show(); 
} 
else{ 
$('#hello').hide(); 
$(this).focus(); 
} 

}); 

Answer 3

$('#search').keyup(function() { 
    var searchTerm = $(this).val(); 
    var searchTermLength = searchTerm.length; 
    if (searchTermLength == 0) { 
     $('#hello').show() 
    } else { 
     $('#hello').hide() 
    }; 
}); 

Answer 4

$('#search').keyup(function() { 
    if ($("#search").val().length != 0) { 
     $('#hello').hide(); 
    } else { 
     $("#hello").show(); 
    } 
}); 

Answer 5

這是否把戲

$('#search').keyup(function() { 
     $(this).val().length ? $('#hello').hide() : $('#hello').show(); 
    }); 

Answer 6

使用更改（）函數來代替，這是隻有當字段的值已經完全改變調用。

$('#search').change(function() { 
if($(this).val() == ''){ 
    $('#hello').show(); 
}else{ 
    $('#hello').hide(); 
} 

}）;