Changeset 4222 for trunk/plugins/validate/test/events.html

Timestamp:

12/18/07 23:50:20 (1 year ago)

Author:

joern.zaefferer

Message:

special focusin event

Files:

• trunk/plugins/validate/test/events.html (modified) (2 diffs)

trunk/plugins/validate/test/events.html

@@ -11 +11 @@
 <script type="text/javascript">
 $().ready(function() {
-    var current;
-    function focus(event) {
-        if (current != null)
-            return;
-        var form = $(this);
+    jQuery.event.special.focusin = {
+        setup: function() {
+            if ($.browser.msie)
+                return false;
+            this.addEventListener("focus", jQuery.event.special.focusin.handler, true);
+        },
+        teardown: function() {
+            if ($.browser.msie)
+                return false;
+            this.removeEventListener("focus", jQuery.event.special.focusin.handler, true);
+        },
+        handler: function(event) {
+            var args = Array.prototype.slice.call( arguments, 1 );
+            args.unshift(jQuery.extend({}, event, { type: "focusin" }));
+            var val = jQuery.event.handle.apply(this, args);
+            return val;
+        }
+    }
+    
+    function handler(event) {
         var target = $(event.target);
-        if (target.is("label") && event.type != "mousedown") {
-            target = $("#" + target.attr("for"));
-        }
         if (target.is(":text, textarea")) {
-            current = target;
-            target.addClass("focus").one("blur", function() {
+            $(event.target).addClass("focus").one("blur", function() {
                 $(this).removeClass("focus");
-                current = null;
             });
         }
     }
-    $("#commentForm").keyup(focus).mousedown(focus).click(focus).submit(function() {
-        return false;
-    });
-
+    $("#commentForm").bind("focusin", handler);
+    $("#remove").click(function() {
+        $("#commentForm").unbind("focusin");
+    })
 });
 </script>
@@ -68 +78 @@
 </form>
 
+<button id="remove">Remove focus handler</button>
+
 </body>
 </html>