JQuery для проверки, когда кто-то начинает вводить в поле

Question

$('a#next').click(function() {
    var tags = $('input[name=tags]');

    if(tags.val()==''){

    tags.addClass('hightlight');  
    return false; 
    }else{
    tags.removeClass('hightlight');
    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
        return false;
    }
});

Я хотел бы, чтобы приведенный выше код запустил fadeIn, как только кто-то начнет вводить данные в теги. Может кто-нибудь сказать мне правильный способ сделать это или указать мне в правильном направлении? заранее спасибо

РЕДАКТИРОВАТЬ

вот код, чтобы сделать это:

$('input#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
});

Единственная проблема, которую я обнаружил, заключается в том, что мой курсор больше не отображается в текстовом поле. Что я делаю неправильно?

Answer 1

Похоже, что затухание перемещает ваш фокус, поэтому курсор больше не находится там. Попробуй это

$('input#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
    $(this).focus();
});

Answer 2

Вы хотите фокус события.

  $('a#next').focus(function() {
      $('#formcont').fadeIn('slow');
  });

Answer 3

input#tags избыточно и расточительно.

$('#tags').keypress(function() {

    $('#formcont').fadeIn('slow');
    $('#next').hide('slow');
    $(this).focus();
});