Skip to content

Instantly share code, notes, and snippets.

@brandonaaskov
Created January 11, 2012 21:34
Show Gist options
  • Save brandonaaskov/1596867 to your computer and use it in GitHub Desktop.
Save brandonaaskov/1596867 to your computer and use it in GitHub Desktop.
jQuery's change() event doesn't work as expected with input text fields. This, however, does work.
/*
For some reason, the change() event only fires when the input field loses focus.
Binding to other options ('change keypress paste focus textInput input') will
fire the event several times, which is bad. The below code works even when
content is pasted into the text field, and only fires once as expected.
*/
$('#search-form .term').bind('input', function(){
console.log('this actually works');
});
/*
HTML example:
<form id="search-form">
<input type="text" class="term" name="Search" value="Search" autocomplete="off" />
<input type="submit" name="Search" value="Search" />
</form>
*/
@muhammedbalta
Copy link

Thank you.

@rodrigoramirez93
Copy link

Thanks!

@Fausto4911
Copy link

It is work as expected, Thanks!!!

@dsbilling
Copy link

Thanks :)

@brains1960
Copy link

Thank you

@umapatitripathi
Copy link

thanks this work really !!

@umapatitripathi
Copy link

it works as...

        $('#xyz').bind('input', function () {
            alert('Changed!');
        });

// -- where "xyz" is the text box id

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment