Is an exchange event happening?

Question

I use delegation delegation to listen for the events below in the DOM, but it does not work for the onchange event in the selection window. Is the onchange event reporting or is the DOM bubbling?

Google could not find the final answer.

Answer 1

According to the specification, “changes”, “send”, “reset” should bubble and “focus” and “blur”, should not bubble.

This behavior is implemented correctly in all web browsers, with the exception of IE <9, i.e. Change, send, reset make the correct bubble in IE> = 9.

See stack overflow jquery for older versions of IE

• http://www.quirksmode.org/dom/events/change.html
• http://quirksmode.org/dom/events/submit.html

Answer 2

In jQuery 1.4+, event variables appear in all browsers, including IE.

$('div.field_container').change(function() { // code here runs in all browers, including IE. }); 

Answer 3

I haven’t done this for a while, but last time I remember that Firefox recognized the event in the <SELECT> element, while IE6 only recognized events in the <OPTION> tags. As long as I remember.

IE7 did not come out at that time.

So, if that is the case, it makes sense to not even write an inline event handler and use it instead of the DOM so that you don't have a lot of dirty duplicate code.

Answer 4

Not sure if I have a question, but if you mean it, then NO.

 <div id="foo"> <select onchange="alert('hi');"> <option>Hello</option> <option>World</option> </select> </foo> 

Where div id = "foo" will have an onchange event ... bubbling from a select list?

---

in the corresponding note, just FYI, you cannot attach an event to the parameters in the selection list in IE (well, you can, but it will not fire)