Question

I am looking for a way to bind to an event whenever the text of a text box changes. Right now, I have something like this:

$("#inputPane").change(function() { alert("Changed!"); });

However, this only gets called when the text box loses focus. I want to get an event whenever a new character is added, deleted, or a cut/paste occurs.

I’d prefer not to use any third party plugins for this. Using pure jquery would be nicer.

Answer 1

here’s an example of how to capture any change

$('#Textbox1, #Textbox2').each(function () {

    $(this).bind("propertychange keyup input paste", function (event) {
        alert("changed");
    });
});

I use this on a group of textboxes and it only fires once