OnChange not firing in IE

internet-explorer, javascript

Solution

Actually, IE, especially IE7/8 doesn't support `onchange` event very well . I do recommend you use `onclick` event.

Problem

I wish to fire a Onchange event for all the changes of Form elements within a DIV Here's the snippet ``` <html> <body> <div id="container"> <input type="checkbox"/> <input type="checkbox"/> <input type="text"/> <input type="text"/> </div> <script> di = document.getElementById("container"); di.onchange = function(a){ alert("On Change Called"); } di.onclick = function(a){ alert("On Click Called"); } </script> </body> </html> ``` The event is fired, when a focus is lost from any of the form elements to a new element of the form, when some content is updated (eg: the input box is updated) The above code works fine for all browsers' but not for IE, any way to do this is IE

Original source