jQuery change event on not firing in IE

by

The change event does not bubble in IE (See here and here). You cannot use event delegation in tandem with it.

In fact, it is because of this IE bug that jQuery live had to officially exclude change from the list of supported events (FYI the DOM spec states change should bubble).[1]

With respect to your question, you can bind directly to each select:

$('#container select').change(/*...*/)

If you really want event delegation you might find some success trying what this person did and bind to click in IE only, which does bubble:

$('#container').bind($.browser.msie ? 'click' : 'change', function(event) {
    /* test event.type and event.target 
     * to capture only select control changes
     */
})

But this browser detection feels really wrong. I’d really try working with the former example (binding directly to the drop downs). Unless you have hundreds of <select> boxes, event delegation wouldn’t buy you much here anyway.

[1] Note: jQuery >= 1.4 now simulates a bubbling change event in IE via live()/on().

More Related Contents:

  1. window.resize event firing in Internet Explorer
  2. Javascript: function doesnt work even though condition is met (hard for me to explain)
  3. Check if an image is loaded (no errors) with jQuery
  4. jQuery $(document).ready and UpdatePanels?
  5. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  6. Getting value of select (dropdown) before change
  7. How can I detect pressing Enter on the keyboard using jQuery?
  8. What is the difference between the mouseover and mouseenter events?
  9. Long Press in JavaScript?
  10. Event when user stops scrolling
  11. jQuery scroll() detect when user stops scrolling
  12. Fire jQuery event on div change
  13. Access denied to jQuery script on IE
  14. Event delegation vs direct binding when adding complex elements to a page
  15. Jquery: change event to input file on IE
  16. HTML5 dragleave fired when hovering a child element
  17. jQuery keypress() event not firing?
  18. How to detect if the user clicked the “back” button
  19. Detect fullscreen mode
  20. jQuery event that triggers after CSS is loaded?
  21. Problem with jQuery.ajax with ‘delete’ method in ie
  22. Drop event not firing in chrome
  23. Enabling Save button on JQ Grid with InlineEditing and CellEdit
  24. Prevent firing focus event when clicking on div
  25. Catch scrolling event on overflow:hidden element
  26. Trigger for span text/html on changed
  27. jQuery event bubbling
  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