$('#kat').on('input',function(e){
 alert('Hello')
});

onchange Событие будет срабатывать только тогда, когда вы вводите данные и вкладываете текстовое поле.

Одним из обходных путей является запуск события изменения текстового поля при изменении значения текстового поля из сценария. Увидеть ниже,

$("#kat").change(function(){ 
    alert("Hello");
});


$('<tab_cell>').click (function () {
   $('#kat')
      .val($(this).text()) //updating the value of the textbox 
      .change();           //trigger change event.
});

function search() {
        var query_value = $('input#search').val();
        $('b#search-string').html(query_value);
        if(query_value !== ''){
            $.ajax({
                type: "POST",
                url: "search.php",
                data: { query: query_value },
                cache: false,
                success: function(html){
                    //alert(html);
                    $("ul#results").html(html);
                }
            });
        }return false;    
    }

    $("input#search").live("keyup", function(e) {
        clearTimeout($.data(this, 'timer'));

        var search_string = $(this).val();

        if (search_string == '') {
            $("ul#results").fadeOut();
            $('h4#results-text').fadeOut();
        }else{
            $("ul#results").fadeIn();
            $('h4#results-text').fadeIn();
            $(this).data('timer', setTimeout(search, 100));
        };
    });


and the html 
<input id="search" style="height:36px; font-size:13px;" type="text" class="form-control" placeholder="Enter Mobile Number or Email"  value="<?php echo stripcslashes($_REQUEST["string"]); ?>" name="string" />
        <h4 id="results-text">Showing results for: <b id="search-string">Array</b></h4>
        <ul id="results"></ul>

In older, pre-HTML5 browsers, "keyup" is definitely what you're looking for.

In HTML5 there is a new event, "input", which behaves exactly like you seem to think "change" should have behaved - in that it fires as soon as a key is pressed to enter information into a form.

$('element').bind('input',function);

var change_temp = "";
$('#url_key').bind('keydown keyup',function(e){
    if(e.type == "keydown"){
        change_temp = $(this).val();
        return;
    }
    if($(this).val() != change_temp){
        // add the code to on change here 
    }

});

почему мой код не работает, потом я понял, что мне нужно настроить обработчики событий, как только документ загружен, иначе, когда браузер загружает код построчно, он загружает JavaScript, но это не так. пока есть элемент, чтобы назначить ему обработчик событий. с вашим примером это должно быть так:

$(document).ready(function(){
     $("#kat").change(function(){ 
         alert("Hello");
     });
});

$('#myInputFieldId').bind('input',function(){ 
               alert("Hello");
    });

Обратите внимание, что в соответствии сэтот документ JQuery& quot; на & quot; рекомендуется, а не связывать в более новых версиях.

как упомянуто, или, возможно, jQuery не зарегистрирован должным образом, или, возможно, реальная проблема является более сложной (что вы сделали более простую версию, чтобы задать это). PS - нужно было щелкнуть текстовое поле, чтобы оно загорелось.

http://jsfiddle.net/toddhd/Qt7fH/

$('#kat').on('keyup', function () {
    alert("Hello");
});

или как ты хочешь

$('#kat').on('click', function () {
    alert("Hello");
});

Событие изменения поля ввода в текстовом поле запускается, как и следовало ожидать, событие jQuery .Change работает корректно только в браузерах, поддерживаемых html5

Она также отображается [результат выполнения обработчика], если вы измените текст в поле, а затем нажмете. Если поле теряет фокус без изменения содержимого, событие не инициируется. & Quot ;.

Попробуйте события keyup и keydown, например:

$("#kat").keydown(function(){ 
   alert("Hello");
});