Change event not firing on text input using jquery in Chrome
The change event will not fire unless the input focus switched to other controls
You can use the input
event that works like a charm:
$('#search-form .term').bind('input', function(){ console.log('this actually works');});
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function () { $('.textInput').keyup(function (event) { var obj = $(this); if ((event.keyCode ? event.keyCode : event.which) === 13) { $('#result').text('Enter has been triggered.'); } }); ; $('.textInput').change(function (event) { var obj = $(this); $('#result').text('Input text has been changed:' + obj.val()); }); ; }); </script></head><body> <span id="result"></span> <br /> Enter some text and press enter: <input type="text" class="textInput" value="" /></body></html>