Added the new jQuery.support object and removed all uses of jQuery.browser from withi...

[jquery.git] / src / event.js

diff --git a/src/event.js b/src/event.js
index b93364b..9d06457 100644 (file)
--- a/src/event.js
+++ b/src/event.js
@@ -13,7 +13,7 @@ jQuery.event = {
 
                // For whatever reason, IE has trouble passing the window object
                // around, causing it to be cloned in the process
 
                // For whatever reason, IE has trouble passing the window object
                // around, causing it to be cloned in the process

-               if ( jQuery.browser.msie && elem.setInterval )
+               if ( elem.setInterval && elem != window )

                        elem = window;
 
                // Make sure that the function being executed has a unique ID
                        elem = window;
 
                // Make sure that the function being executed has a unique ID

@@ -21,7 +21,7 @@ jQuery.event = {
                        handler.guid = this.guid++;
 
                // if data is passed, bind to handler
                        handler.guid = this.guid++;
 
                // if data is passed, bind to handler

-               if( data != undefined ) {
+               if ( data !== undefined ) {

                        // Create temporary function pointer to original handler
                        var fn = handler;
 
                        // Create temporary function pointer to original handler
                        var fn = handler;
 

@@ -40,8 +40,9 @@ jQuery.event = {
                        handle = jQuery.data(elem, "handle") || jQuery.data(elem, "handle", function(){
                                // Handle the second event of a trigger and when
                                // an event is called after a page has unloaded
                        handle = jQuery.data(elem, "handle") || jQuery.data(elem, "handle", function(){
                                // Handle the second event of a trigger and when
                                // an event is called after a page has unloaded

-                               if ( typeof jQuery != "undefined" && !jQuery.event.triggered )
-                                       return jQuery.event.handle.apply(arguments.callee.elem, arguments);
+                               return typeof jQuery !== "undefined" && !jQuery.event.triggered ?
+                                       jQuery.event.handle.apply(arguments.callee.elem, arguments) :
+                                       undefined;

                        });
                // Add elem as a property of the handle function
                // This is to prevent a memory leak with non-native
                        });
                // Add elem as a property of the handle function
                // This is to prevent a memory leak with non-native

@@ -53,8 +54,8 @@ jQuery.event = {
                jQuery.each(types.split(/\s+/), function(index, type) {
                        // Namespaced event handlers
                        var parts = type.split(".");
                jQuery.each(types.split(/\s+/), function(index, type) {
                        // Namespaced event handlers
                        var parts = type.split(".");

-                       type = parts[0];
-                       handler.type = parts[1];
+                       type = parts.shift();
+                       handler.type = parts.sort().join(".");

 
                        // Get the current list of functions bound to this event
                        var handlers = events[type];
 
                        // Get the current list of functions bound to this event
                        var handlers = events[type];

@@ -66,7 +67,7 @@ jQuery.event = {
                                // Check for a special event handler
                                // Only use addEventListener/attachEvent if the special
                                // events handler returns false
                                // Check for a special event handler
                                // Only use addEventListener/attachEvent if the special
                                // events handler returns false

-                               if ( !jQuery.event.special[type] || jQuery.event.special[type].setup.call(elem) === false ) {
+                               if ( !jQuery.event.special[type] || jQuery.event.special[type].setup.call(elem,data) === false ) {

                                        // Bind the global event handler to the element
                                        if (elem.addEventListener)
                                                elem.addEventListener(type, handle, false);
                                        // Bind the global event handler to the element
                                        if (elem.addEventListener)
                                                elem.addEventListener(type, handle, false);

@@ -99,7 +100,7 @@ jQuery.event = {
 
                if ( events ) {
                        // Unbind all events for the element
 
                if ( events ) {
                        // Unbind all events for the element

-                       if ( types == undefined || (typeof types == "string" && types.charAt(0) == ".") )
+                       if ( types === undefined || (typeof types === "string" && types.charAt(0) == ".") )

                                for ( var type in events )
                                        this.remove( elem, type + (types || "") );
                        else {
                                for ( var type in events )
                                        this.remove( elem, type + (types || "") );
                        else {

@@ -113,8 +114,9 @@ jQuery.event = {
                                // jQuery(...).unbind("mouseover mouseout", fn);
                                jQuery.each(types.split(/\s+/), function(index, type){
                                        // Namespaced event handlers
                                // jQuery(...).unbind("mouseover mouseout", fn);
                                jQuery.each(types.split(/\s+/), function(index, type){
                                        // Namespaced event handlers

-                                       var parts = type.split(".");
-                                       type = parts[0];
+                                       var namespace = type.split(".");
+                                       type = namespace.shift();
+                                       namespace = RegExp("(^|\\.)" + namespace.sort().join(".*\\.") + "(\\.|$)");

 
                                        if ( events[type] ) {
                                                // remove the given handler for the given type
 
                                        if ( events[type] ) {
                                                // remove the given handler for the given type

@@ -125,7 +127,7 @@ jQuery.event = {
                                                else
                                                        for ( handler in events[type] )
                                                                // Handle the removal of namespaced events
                                                else
                                                        for ( handler in events[type] )
                                                                // Handle the removal of namespaced events

-                                                               if ( !parts[1] || events[type][handler].type == parts[1] )
+                                                               if ( namespace.test(events[type][handler].type) )

                                                                        delete events[type][handler];
 
                                                // remove generic event handler if no more handlers exist
                                                                        delete events[type][handler];
 
                                                // remove generic event handler if no more handlers exist

@@ -190,6 +192,7 @@ jQuery.event = {
                                        target: elem,
                                        preventDefault: function(){},
                                        stopPropagation: function(){},
                                        target: elem,
                                        preventDefault: function(){},
                                        stopPropagation: function(){},

+                                       stopImmediatePropagation:stopImmediatePropagation,

                                        timeStamp: now()
                                });
                                data[0][expando] = true; // no need to fix fake event
                                        timeStamp: now()
                                });
                                data[0][expando] = true; // no need to fix fake event

@@ -218,7 +221,7 @@ jQuery.event = {
                                // call the extra function and tack the current return value on the end for possible inspection
                                ret = extra.apply( elem, val == null ? data : data.concat( val ) );
                                // if anything is returned, give it precedence and have it overwrite the previous value
                                // call the extra function and tack the current return value on the end for possible inspection
                                ret = extra.apply( elem, val == null ? data : data.concat( val ) );
                                // if anything is returned, give it precedence and have it overwrite the previous value

-                               if (ret !== undefined)
+                               if ( ret !== undefined )

                                        val = ret;
                        }
 
                                        val = ret;
                        }
 

@@ -245,10 +248,12 @@ jQuery.event = {
 
                // Namespaced event handlers
                namespace = event.type.split(".");
 
                // Namespaced event handlers
                namespace = event.type.split(".");

-               event.type = namespace[0];
-               namespace = namespace[1];
+               event.type = namespace.shift();
+

                // Cache this now, all = true means, any handler
                // Cache this now, all = true means, any handler

-               all = !namespace && !event.exclusive;
+               all = !namespace.length && !event.exclusive;
+               
+               namespace = RegExp("(^|\\.)" + namespace.sort().join(".*\\.") + "(\\.|$)");

 
                handlers = ( jQuery.data(this, "events") || {} )[event.type];
 
 
                handlers = ( jQuery.data(this, "events") || {} )[event.type];
 

@@ -256,7 +261,7 @@ jQuery.event = {
                        var handler = handlers[j];
 
                        // Filter the functions by class
                        var handler = handlers[j];
 
                        // Filter the functions by class

-                       if ( all || handler.type == namespace ) {
+                       if ( all || namespace.test(handler.type) ) {

                                // Pass in a reference to the handler function itself
                                // So that we can later remove it
                                event.handler = handler;
                                // Pass in a reference to the handler function itself
                                // So that we can later remove it
                                event.handler = handler;

@@ -271,6 +276,10 @@ jQuery.event = {
                                        event.preventDefault();
                                        event.stopPropagation();
                                }
                                        event.preventDefault();
                                        event.stopPropagation();
                                }

+
+                               if( event._sip )
+                                       break;
+

                        }
                }
 
                        }
                }
 

@@ -280,7 +289,7 @@ jQuery.event = {
        props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view wheelDelta which".split(" "),
 
        fix: function(event) {
        props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode metaKey newValue originalTarget pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target timeStamp toElement type view wheelDelta which".split(" "),
 
        fix: function(event) {

-               if ( event[expando] == true )
+               if ( event[expando] )

                        return event;
 
                // store a copy of the original event object
                        return event;
 
                // store a copy of the original event object

@@ -313,6 +322,8 @@ jQuery.event = {
                        originalEvent.cancelBubble = true;
                };
 
                        originalEvent.cancelBubble = true;
                };
 

+               event.stopImmediatePropagation = stopImmediatePropagation;
+

                // Fix timeStamp
                event.timeStamp = event.timeStamp || now();
 
                // Fix timeStamp
                event.timeStamp = event.timeStamp || now();
 

@@ -360,60 +371,49 @@ jQuery.event = {
 
        special: {
                ready: {
 
        special: {
                ready: {

-                       setup: function() {
-                               // Make sure the ready event is setup
-                               bindReady();
-                               return;
-                       },
-
-                       teardown: function() { return; }
-               },
+                       // Make sure the ready event is setup
+                       setup: bindReady,
+                       teardown: function() {}
+               }
+       }
+};

 
 

-               mouseenter: {
-                       setup: function() {
-                               if ( jQuery.browser.msie ) return false;
-                               jQuery(this).bind("mouseover", jQuery.event.special.mouseenter.handler);
-                               return true;
-                       },
-
-                       teardown: function() {
-                               if ( jQuery.browser.msie ) return false;
-                               jQuery(this).unbind("mouseover", jQuery.event.special.mouseenter.handler);
-                               return true;
-                       },
-
-                       handler: function(event) {
-                               // If we actually just moused on to a sub-element, ignore it
-                               if ( withinElement(event, this) ) return true;
-                               // Execute the right handlers by setting the event type to mouseenter
-                               event.type = "mouseenter";
-                               return jQuery.event.handle.apply(this, arguments);
-                       }
-               },
+function stopImmediatePropagation(){
+       this._sip = 1;
+       this.stopPropagation();
+}

 
 

-               mouseleave: {
-                       setup: function() {
-                               if ( jQuery.browser.msie ) return false;
-                               jQuery(this).bind("mouseout", jQuery.event.special.mouseleave.handler);
-                               return true;
-                       },
-
-                       teardown: function() {
-                               if ( jQuery.browser.msie ) return false;
-                               jQuery(this).unbind("mouseout", jQuery.event.special.mouseleave.handler);
-                               return true;
-                       },
-
-                       handler: function(event) {
-                               // If we actually just moused on to a sub-element, ignore it
-                               if ( withinElement(event, this) ) return true;
-                               // Execute the right handlers by setting the event type to mouseleave
-                               event.type = "mouseleave";
-                               return jQuery.event.handle.apply(this, arguments);
-                       }
-               }
+// Checks if an event happened on an element within another element
+// Used in jQuery.event.special.mouseenter and mouseleave handlers
+var withinElement = function(event) {
+       // Check if mouse(over|out) are still within the same parent element
+       var parent = event.relatedTarget;
+       // Traverse up the tree
+       while ( parent && parent != this )
+               try { parent = parent.parentNode; }
+               catch(e) { parent = this; }
+       
+       if( parent != this ){
+               // set the correct event type
+               event.type = event.data;
+               // handle event if we actually just moused on to a non sub-element
+               jQuery.event.handle.apply( this, arguments );

        }
 };
        }
 };

+       
+jQuery.each({ 
+       mouseover: 'mouseenter', 
+       mouseout: 'mouseleave'
+}, function( orig, fix ){
+       jQuery.event.special[ fix ] = {
+               setup: function(){
+                       jQuery.event.add( this, orig, withinElement, fix );
+               },
+               teardown: function(){
+                       jQuery.event.remove( this, orig, withinElement );
+               }
+       };                         
+});

 
 jQuery.fn.extend({
        bind: function( type, data, fn ) {
 
 jQuery.fn.extend({
        bind: function( type, data, fn ) {

@@ -469,7 +469,7 @@ jQuery.fn.extend({
        },
 
        hover: function(fnOver, fnOut) {
        },
 
        hover: function(fnOver, fnOut) {

-               return this.bind('mouseenter', fnOver).bind('mouseleave', fnOut);
+               return this.mouseenter(fnOver).mouseleave(fnOut);

        },
 
        ready: function(fn) {
        },
 
        ready: function(fn) {

@@ -523,53 +523,39 @@ function bindReady(){
        if ( readyBound ) return;
        readyBound = true;
 
        if ( readyBound ) return;
        readyBound = true;
 

-       // Mozilla, Opera (see further below for it) and webkit nightlies currently support this event
-       if ( document.addEventListener && !jQuery.browser.opera)
+       // Mozilla, Opera and webkit nightlies currently support this event
+       if ( document.addEventListener ) {

                // Use the handy event callback
                // Use the handy event callback

-               document.addEventListener( "DOMContentLoaded", jQuery.ready, false );
-
-       // If IE is used and is not in a frame
-       // Continually check to see if the document is ready
-       if ( jQuery.browser.msie && window == top ) (function(){
-               if (jQuery.isReady) return;
-               try {
-                       // If IE is used, use the trick by Diego Perini
-                       // http://javascript.nwbox.com/IEContentLoaded/
-                       document.documentElement.doScroll("left");
-               } catch( error ) {
-                       setTimeout( arguments.callee, 0 );
-                       return;
-               }
-               // and execute any waiting functions
-               jQuery.ready();
-       })();
-
-       if ( jQuery.browser.opera )
-               document.addEventListener( "DOMContentLoaded", function () {
-                       if (jQuery.isReady) return;
-                       for (var i = 0; i < document.styleSheets.length; i++)
-                               if (document.styleSheets[i].disabled) {
-                                       setTimeout( arguments.callee, 0 );
-                                       return;
-                               }
-                       // and execute any waiting functions
+               document.addEventListener( "DOMContentLoaded", function(){
+                       document.removeEventListener( "DOMContentLoaded", arguments.callee, false );

                        jQuery.ready();
                        jQuery.ready();

-               }, false);
-
-       if ( jQuery.browser.safari ) {
-               var numStyles;
-               (function(){
-                       if (jQuery.isReady) return;
-                       if ( document.readyState != "loaded" && document.readyState != "complete" ) {
-                               setTimeout( arguments.callee, 0 );
-                               return;
+               }, false );
+
+       // If IE event model is used
+       } else if ( document.attachEvent ) {
+               // ensure firing before onload,
+               // maybe late but safe also for iframes
+               document.attachEvent("onreadystatechange", function(){
+                       if ( document.readyState === "complete" ) {
+                               document.detachEvent( "onreadystatechange", arguments.callee );
+                               jQuery.ready();

                        }
                        }

-                       if ( numStyles === undefined )
-                               numStyles = jQuery("style, link[rel=stylesheet]").length;
-                       if ( document.styleSheets.length != numStyles ) {
+               });
+
+               // If IE and not an iframe
+               // continually check to see if the document is ready
+               if ( document.documentElement.doScroll && !window.frameElement ) (function(){
+                       if ( jQuery.isReady ) return;
+
+                       try {
+                               // If IE is used, use the trick by Diego Perini
+                               // http://javascript.nwbox.com/IEContentLoaded/
+                               document.documentElement.doScroll("left");
+                       } catch( error ) {

                                setTimeout( arguments.callee, 0 );
                                return;
                        }
                                setTimeout( arguments.callee, 0 );
                                return;
                        }

+

                        // and execute any waiting functions
                        jQuery.ready();
                })();
                        // and execute any waiting functions
                        jQuery.ready();
                })();

@@ -580,8 +566,8 @@ function bindReady(){
 }
 
 jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
 }
 
 jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +

-       "mousedown,mouseup,mousemove,mouseover,mouseout,change,select," +
-       "submit,keydown,keypress,keyup,error").split(","), function(i, name){
+       "mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave," +
+       "change,select,submit,keydown,keypress,keyup,error").split(","), function(i, name){

 
        // Handle event binding
        jQuery.fn[name] = function(fn){
 
        // Handle event binding
        jQuery.fn[name] = function(fn){

@@ -589,20 +575,12 @@ jQuery.each( ("blur,focus,load,resize,scroll,unload,click,dblclick," +
        };
 });
 
        };
 });
 

-// Checks if an event happened on an element within another element
-// Used in jQuery.event.special.mouseenter and mouseleave handlers
-var withinElement = function(event, elem) {
-       // Check if mouse(over|out) are still within the same parent element
-       var parent = event.relatedTarget;
-       // Traverse up the tree
-       while ( parent && parent != elem ) try { parent = parent.parentNode; } catch(error) { parent = elem; }
-       // Return true if we actually just moused on to a sub-element
-       return parent == elem;
-};
-

 // Prevent memory leaks in IE
 // And prevent errors on refresh with events like mouseover in other browsers
 // Window isn't included so as not to unbind existing unload events
 // Prevent memory leaks in IE
 // And prevent errors on refresh with events like mouseover in other browsers
 // Window isn't included so as not to unbind existing unload events

-jQuery(window).bind("unload", function() {
-       jQuery("*").add(document).unbind();
-});
+jQuery( window ).bind( 'unload', function(){ 
+       for ( var id in jQuery.cache )
+               // Skip the window
+               if ( id != 1 && jQuery.cache[ id ].handle )
+                       jQuery.event.remove( jQuery.cache[ id ].handle.elem );
+});