Jquery: change event to input file on IE

by

I know this is several months late, but I just ran into the exact same behavior in IE7; in all other browsers, the change event for file inputs happens after file selection. In IE7, it happens only if you trigger the file select again, or on blur.

Here’s how I ended up fixing it:

var $input = $('#your-file-input-element');

var someFunction = function()
{
    // what you actually want to do
};

if ($.browser.msie)
{
    // IE suspends timeouts until after the file dialog closes
    $input.click(function(event)
    {
        setTimeout(function()
        {
            if($input.val().length > 0) {
              someFunction();
            }
        }, 0);
    });
}
else
{
    // All other browsers behave
    $input.change(someFunction);
}

Technically you could/should filter the hack condition to just IE7, since IE8 behaves properly on the change event, but it also has the same behavior as IE7 on suspending timeouts while browser-related chrome is visible (I guess it considers it blocking I/O), so it works as-is.

More Related Contents:

  1. jQuery Event Keypress: Which key was pressed?
  2. Definitive way to trigger keypress events with jQuery
  3. event.preventDefault() function not working in IE
  4. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  5. What is the difference between the mouseover and mouseenter events?
  6. Difference between “change” and “input” event for an `input` element
  7. Resize event for textarea?
  8. How do you log all events fired by an element in jQuery?
  9. Access denied to jQuery script on IE
  10. Preventing click event with jQuery drag and drop
  11. Attach an event in a child iframe to a handler in the parent window
  12. jQuery keypress() event not firing?
  13. Javascript with jQuery: Click and double click on same element, different effect, one disables the other
  14. window.resize event firing in Internet Explorer
  15. jQuery: Unbind event handlers to bind them again later
  16. jQuery change event on not firing in IE
  17. Detect fullscreen mode
  18. jQuery prevent change for select
  19. jQuery event that triggers after CSS is loaded?
  20. Problem with jQuery.ajax with ‘delete’ method in ie
  21. Drop event not firing in chrome
  22. Capture event onclose browser
  23. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  24. List all javascript events wired up on a page using jquery
  25. jQuery: How to listen for DOM changes?
  26. Clone a file input element in Javascript
  27. addEventListener to iFrame
  28. Javascript “window.open” code won’t work in Internet Explorer 7 or 8
  29. Showing Placeholder text for password field in IE
  30. Why won’t .filter() work in Internet Explorer 8?

Leave a Comment