Added support for multiple live event handlers, live hover, and live focus/blur ...

[jquery.git] / test / delegatetest.html

diff --git a/test/delegatetest.html b/test/delegatetest.html
index 7b35c8e..5e2cd82 100644 (file)
--- a/test/delegatetest.html
+++ b/test/delegatetest.html
@@ -83,6 +83,7 @@
                <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
@@ -92,6 +93,25 @@
                <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
@@ -136,6 +156,12 @@
                        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
@@ -163,7 +189,23 @@
                        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