检测焦点上的输入值长度

Question

当用户开始在input内部输入时，我希望输入做某事，所以我试着这样写：

$('input').focus(function(){
  if ( $('input').val().length > 0 ) {
    $('input').css('color', 'red');
  }
  else {
    $('input').css('color', 'blue');
  }
});

只是想知道如何检测input何时不空？我做错了什么？

Answer 1

试试这个Demo here

$('input').keyup(function(){
  if ( $(this).val().length > 0 ) {
    $(this).css('color', 'blue');
  }
  else {
    $(this).css('color', 'red');
  }
});