How to detect when a text input changes with ie8

Question

I want to detect when a text input changes. I tried these, which worked in firefox but not in ie 8.

$('#taskSearch').bind('input', function() {
     alert($(this).val());
});
$('#taskSearch').live('input', function() {
    alert($(this).val());
});
$('#taskSearch').change(function() {
    alert($(this).val());
});

Answer 1

You can use onpropertychange for IE6+:

$("#taskSearch").on("propertychange", function(){
alert($(this).val());
});

Answer 2

The following solution works for me in IE8 and modern browsers for both changes by keys, scroll or the arrow buttons within the a type="num" input field:

$('#element').on('keyup change', function() {
  // do something
});

Answer 3

The last one (and only the last one) is correct, but you were missing a closing parenthesis:

$('#taskSearch').change(function() {
    alert($(this).val());
});

.live() is deprecated (and the syntax is incorrect), and the syntax for .bind() is also incorrect; the name of the event is 'change', not 'input'. See the documentation for .change().