Select (with a selected) fired change on first focus in IE. Fixes #5869.
[jquery.git] / test / delegatetest.html
index e3ebbfc..1a785a3 100644 (file)
                    <option value='two'>change me 2</option>\r
                    <option value='three'>change me 3</option>\r
                </select>\r
+               <select class='select_test'>\r
+                   <option value='one'>change me 1</option>\r
+                   <option value='two' selected="selected">change me 2</option>\r
+                   <option value='three'>change me 3</option>\r
+               </select>\r
                </td>\r
                <td>\r
                <select class='mselect_test' multiple="multiple">\r
                <td id='textbind' class="red">TEXT</td>\r
                <td id='textareabind' class="red">TEXTAREA</td>\r
            </tr>\r
+           <tr>\r
+               <td>Focusin:</td>\r
+               <td id='selectfocus' class="red">SELECT</td>\r
+               <td id='mselectfocus' class="red">MULTI</td>\r
+               <td id='checkboxfocus' class="red">CHECKBOX</td>\r
+               <td id='radiofocus' class="red">RADIO</td>\r
+               <td id='textfocus' class="red">TEXT</td>\r
+               <td id='textareafocus' class="red">TEXTAREA</td>\r
+               <td id='boundFocus' class="red">DOCUMENT</td>\r
+           </tr>\r
+           <tr>\r
+               <td>Focusout:</td>\r
+               <td id='selectblur' class="red">SELECT</td>\r
+               <td id='mselectblur' class="red">MULTI</td>\r
+               <td id='checkboxblur' class="red">CHECKBOX</td>\r
+               <td id='radioblur' class="red">RADIO</td>\r
+               <td id='textblur' class="red">TEXT</td>\r
+               <td id='textareablur' class="red">TEXTAREA</td>\r
+               <td id='boundBlur' class="red">DOCUMENT</td>\r
+           </tr>\r
+           <tr>\r
+               <td>Live Focus:</td>\r
+               <td id='selectlfocus' class="red">SELECT</td>\r
+               <td id='mselectlfocus' class="red">MULTI</td>\r
+               <td id='checkboxlfocus' class="red">CHECKBOX</td>\r
+               <td id='radiolfocus' class="red">RADIO</td>\r
+               <td id='textlfocus' class="red">TEXT</td>\r
+               <td id='textarealfocus' class="red">TEXTAREA</td>\r
+           </tr>\r
+           <tr>\r
+               <td>Live Blur:</td>\r
+               <td id='selectlblur' class="red">SELECT</td>\r
+               <td id='mselectlblur' class="red">MULTI</td>\r
+               <td id='checkboxlblur' class="red">CHECKBOX</td>\r
+               <td id='radiolblur' class="red">RADIO</td>\r
+               <td id='textlblur' class="red">TEXT</td>\r
+               <td id='textarealblur' class="red">TEXTAREA</td>\r
+           </tr>\r
         </table>\r
         <h2>Submit Tests</h2>\r
         <table>\r
 \r
         <script type='text/javascript'>\r
        jQuery.fn.addChangeTest = function( id, prevent ) {\r
+               this.bind("focusin", function(){\r
+                       jQuery(id + "focus").blink();\r
+               }).bind("focusout", function(){\r
+                       jQuery(id + "blur").blink();\r
+               });\r
+\r
+               this.bind("focus", function(){\r
+                       jQuery(id + "lfocus").blink();\r
+               }).bind("blur", function(){\r
+                       jQuery(id + "lblur").blink();\r
+               });\r
+\r
                return this.bind("change", function(e){\r
                        jQuery(id + "bind").blink();\r
                }).live("change", function(e){\r
                        next();\r
                });\r
        };\r
+\r
+       $(document).bind("focusin", function() {\r
+               jQuery("#boundFocus").blink();\r
+       });\r
        \r
+       $(document).bind("focusout", function() {\r
+               jQuery("#boundBlur").blink();\r
+       });\r
+\r
+       $("td.red").live("hover", function(e) {\r
+               if ( e.type === "mouseenter" ) {\r
+                       $(this).css("backgroundColor","green");\r
+               } else {\r
+                       $(this).css("backgroundColor","");\r
+               }\r
+       });\r
+\r
        $(".select_test").addChangeTest("#select");\r
        $(".mselect_test").addChangeTest("#mselect");\r
        $(".checkbox_test").addChangeTest("#checkbox");\r