X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=src%2Fevent%2Fevent.js;h=6224d13bc58bffcd40ad23df07f5f9e59cf34bf6;hb=456f0fe5985eaad42eba456b9ff710771669607c;hp=b49e1755dc2d897f747cd6397301f61ca3332914;hpb=eabac3f6a189342cf8bb615de904f9f125374c67;p=jquery.git diff --git a/src/event/event.js b/src/event/event.js index b49e175..6224d13 100644 --- a/src/event/event.js +++ b/src/event/event.js @@ -12,10 +12,14 @@ jQuery.event = { // around, causing it to be cloned in the process if ( jQuery.browser.msie && element.setInterval != undefined ) element = window; - + + // Make sure that the function being executed has a unique ID + if ( !handler.guid ) + handler.guid = this.guid++; + // if data is passed, bind to handler if( data != undefined ) { - // Create temporary function pointer to original handler + // Create temporary function pointer to original handler var fn = handler; // Create unique handler function, wrapped around original handler @@ -31,12 +35,10 @@ jQuery.event = { handler.guid = fn.guid; } - // Make sure that the function being executed has a unique ID - if ( !handler.guid ) { - handler.guid = this.guid++; - // Don't forget to set guid for the original handler function - if (fn) fn.guid = handler.guid; - } + // Namespaced event handlers + var parts = type.split("."); + type = parts[0]; + handler.type = parts[1]; // Init the element's event structure if (!element.$events) @@ -44,7 +46,17 @@ jQuery.event = { if (!element.$handle) element.$handle = function() { - jQuery.event.handle.apply(element, arguments); + // returned undefined or false + var val; + + // 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 val; + + val = jQuery.event.handle.apply(element, arguments); + + return val; }; // Get the current list of functions bound to this event @@ -57,17 +69,15 @@ jQuery.event = { // And bind the global event handler to the element if (element.addEventListener) element.addEventListener(type, element.$handle, false); - else if (element.attachEvent) + else element.attachEvent("on" + type, element.$handle); } // Add the function to the element's handler list handlers[handler.guid] = handler; - // Remember the function in a global list (for triggering) - if (!this.global[type]) - this.global[type] = []; - this.global[type].push( element ); + // Keep track of which events have been used, for global triggering + this.global[type] = true; }, guid: 1, @@ -75,7 +85,13 @@ jQuery.event = { // Detach an event or set of events from an element remove: function(element, type, handler) { - var events = element.$events, ret; + var events = element.$events, ret, index; + + // Namespaced event handlers + if ( typeof type == "string" ) { + var parts = type.split("."); + type = parts[0]; + } if ( events ) { // type is actually an event object here @@ -96,14 +112,16 @@ jQuery.event = { // remove all handlers for the given type else for ( handler in element.$events[type] ) - delete events[type][handler]; + // Handle the removal of namespaced events + if ( !parts[1] || events[type][handler].type == parts[1] ) + delete events[type][handler]; // remove generic event handler if no more handlers exist for ( ret in events[type] ) break; if ( !ret ) { if (element.removeEventListener) element.removeEventListener(type, element.$handle, false); - else if (element.detachEvent) + else element.detachEvent("on" + type, element.$handle); ret = null; delete events[type]; @@ -117,47 +135,66 @@ jQuery.event = { } }, - trigger: function(type, data, element) { + trigger: function(type, data, element, native, extra) { // Clone the incoming data, if any data = jQuery.makeArray(data || []); // Handle a global trigger - if ( !element ) - jQuery.each( this.global[type] || [], function(){ - jQuery.event.trigger( type, data, this ); - }); + if ( !element ) { + // Only trigger if we've ever bound an event for it + if ( this.global[type] ) + jQuery("*").add([window, document]).trigger(type, data); // Handle triggering a single element - else { - var val, ret, fn = jQuery.isFunction( element[ type ] || null ); + } else { + var val, ret, fn = jQuery.isFunction( element[ type ] || null ), + // Check to see if we need to provide a fake event, or not + evt = !data[0] || !data[0].preventDefault; // Pass along a fake event - data.unshift( this.fix({ type: type, target: element }) ); + if ( evt ) + data.unshift( this.fix({ type: type, target: element }) ); // Trigger the event - if ( (val = this.handle.apply( element, data )) !== false ) - this.triggered = true; + if ( jQuery.isFunction( element.$handle ) ) + val = element.$handle.apply( element, data ); + + // Handle triggering native .onfoo handlers + if ( !fn && element["on"+type] && element["on"+type].apply( element, data ) === false ) + val = false; + + // Extra functions don't get the custom event object + if ( evt ) + data.shift(); + + // Handle triggering of extra function + if ( extra && extra.apply( element, data ) === false ) + val = false; - if ( fn && val !== false && !jQuery.nodeName(element, 'a') ) + // Trigger the native events (except for clicks on links) + if ( fn && native !== false && val !== false && !(jQuery.nodeName(element, 'a') && type == "click") ) { + this.triggered = true; element[ type ](); + } this.triggered = false; } + + return val; }, handle: function(event) { // returned undefined or false var val; - - // 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 val; // Empty object is for triggered events with no data event = jQuery.event.fix( event || window.event || {} ); - var c = this.$events && this.$events[event.type], args = [].slice.call( arguments, 1 ); + // Namespaced event handlers + var parts = event.type.split("."); + event.type = parts[0]; + + var c = this.$events && this.$events[event.type], args = Array.prototype.slice.call( arguments, 1 ); args.unshift( event ); for ( var j in c ) { @@ -166,10 +203,17 @@ jQuery.event = { args[0].handler = c[j]; args[0].data = c[j].data; - if ( c[j].apply( this, args ) === false ) { - event.preventDefault(); - event.stopPropagation(); - val = false; + // Filter the functions by class + if ( !parts[1] || c[j].type == parts[1] ) { + var tmp = c[j].apply( this, args ); + + if ( val !== false ) + val = tmp; + + if ( tmp === false ) { + event.preventDefault(); + event.stopPropagation(); + } } } @@ -182,68 +226,59 @@ jQuery.event = { }, fix: function(event) { + // store a copy of the original event object + // and clone to set read-only properties + var originalEvent = event; + event = jQuery.extend({}, originalEvent); + + // add preventDefault and stopPropagation since + // they will not work on the clone + event.preventDefault = function() { + // if preventDefault exists run it on the original event + if (originalEvent.preventDefault) + originalEvent.preventDefault(); + // otherwise set the returnValue property of the original event to false (IE) + originalEvent.returnValue = false; + }; + event.stopPropagation = function() { + // if stopPropagation exists run it on the original event + if (originalEvent.stopPropagation) + originalEvent.stopPropagation(); + // otherwise set the cancelBubble property of the original event to true (IE) + originalEvent.cancelBubble = true; + }; + // Fix target property, if necessary if ( !event.target && event.srcElement ) event.target = event.srcElement; + + // check if target is a textnode (safari) + if (jQuery.browser.safari && event.target.nodeType == 3) + event.target = originalEvent.target.parentNode; // Add relatedTarget, if necessary if ( !event.relatedTarget && event.fromElement ) event.relatedTarget = event.fromElement == event.target ? event.toElement : event.fromElement; + // Calculate pageX/Y if missing and clientX/Y available + if ( event.pageX == null && event.clientX != null ) { + var e = document.documentElement, b = document.body; + event.pageX = event.clientX + (e && e.scrollLeft || b.scrollLeft || 0); + event.pageY = event.clientY + (e && e.scrollTop || b.scrollTop || 0); + } + + // Add which for key events + if ( !event.which && (event.charCode || event.keyCode) ) + event.which = event.charCode || event.keyCode; + // Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs) - if ( event.metaKey == null && event.ctrlKey != null ) + if ( !event.metaKey && event.ctrlKey ) event.metaKey = event.ctrlKey; // Add which for click: 1 == left; 2 == middle; 3 == right // Note: button is not normalized, so don't use it - if ( event.which == null && event.button != null ) + if ( !event.which && event.button ) event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) )); - - // Calculate pageX/Y if missing and clientX/Y available - if ( event.pageX == null && event.clientX != null ) { - var e = document.documentElement || document.body; - event.pageX = event.clientX + e.scrollLeft; - event.pageY = event.clientY + e.scrollTop; - } - - // Add which for keypresses: keyCode - if ( (event.which == null || event.type == "keypress") && event.keyCode != null ) - event.which = event.keyCode; - - // If it's a keypress event, add charCode to IE - if ( event.charCode == null && event.type == "keypress" ) - event.charCode = event.keyCode; - - // check if target is a textnode (safari) - if (jQuery.browser.safari && event.target.nodeType == 3) { - // store a copy of the original event object - // and clone because target is read only - var originalEvent = event; - event = jQuery.extend({}, originalEvent); - - // get parentnode from textnode - event.target = originalEvent.target.parentNode; - - // add preventDefault and stopPropagation since - // they will not work on the clone - event.preventDefault = function() { - return originalEvent.preventDefault(); - }; - event.stopPropagation = function() { - return originalEvent.stopPropagation(); - }; - } - - // fix preventDefault and stopPropagation - if (!event.preventDefault) - event.preventDefault = function() { - this.returnValue = false; - }; - - if (!event.stopPropagation) - event.stopPropagation = function() { - this.cancelBubble = true; - }; return event; } @@ -262,6 +297,9 @@ jQuery.fn.extend({ * data as the second parameter (and the handler function as the third), see * second example. * + * Calling bind with an event type of "unload" will automatically + * use the one method instead of bind to prevent memory leaks. + * * @example $("p").bind("click", function(){ * alert( $(this).text() ); * }); @@ -298,7 +336,7 @@ jQuery.fn.extend({ * @cat Events */ bind: function( type, data, fn ) { - return this.each(function(){ + return type == "unload" ? this.one(type, data, fn) : this.each(function(){ jQuery.event.add( this, type, fn || data, fn && data ); }); }, @@ -405,12 +443,17 @@ jQuery.fn.extend({ * @param Array data (optional) Additional data to pass as arguments (after the event object) to the event handler * @cat Events */ - trigger: function( type, data ) { + trigger: function( type, data, fn ) { return this.each(function(){ - jQuery.event.trigger( type, data, this ); + jQuery.event.trigger( type, data, this, true, fn ); }); }, + triggerHandler: function( type, data, fn ) { + if ( this[0] ) + return jQuery.event.trigger( type, data, this[0], false, fn ); + }, + /** * Toggle between two function calls every other click. * Whenever a matched element is clicked, the first specified function @@ -480,7 +523,7 @@ jQuery.fn.extend({ var p = e.relatedTarget; // Traverse up the tree - while ( p && p != this ) try { p = p.parentNode } catch(e) { p = this; }; + while ( p && p != this ) try { p = p.parentNode; } catch(e) { p = this; }; // If we actually just moused on to a sub-element, ignore it if ( p == this ) return false; @@ -531,16 +574,18 @@ jQuery.fn.extend({ * @see $(Function) */ ready: function(f) { + // Attach the listeners + bindReady(); + // If the DOM is already ready if ( jQuery.isReady ) // Execute the function immediately f.apply( document, [jQuery] ); // Otherwise, remember the function for later - else { + else // Add the function to the wait list - jQuery.readyList.push( function() { return f.apply(this, [jQuery]) } ); - } + jQuery.readyList.push( function() { return f.apply(this, [jQuery]); } ); return this; } @@ -575,13 +620,12 @@ jQuery.extend({ document.removeEventListener( "DOMContentLoaded", jQuery.ready, false ); // Remove script element used by IE hack - jQuery(window).load(function(){ jQuery("#__ie_init").remove(); }); + if( !window.frames.length ) // don't remove if frames are present (#1187) + jQuery(window).load(function(){ jQuery("#__ie_init").remove(); }); } } }); -new function(){ - /** * Bind a function to the scroll event of each matched element. * @@ -932,7 +976,13 @@ new function(){ }; }); - + +var readyBound = false; + +function bindReady(){ + if ( readyBound ) return; + readyBound = true; + // If Mozilla is used if ( jQuery.browser.mozilla || jQuery.browser.opera ) // Use the handy event callback @@ -978,18 +1028,4 @@ new function(){ // A fallback to window.onload, that will always work jQuery.event.add( window, "load", jQuery.ready ); - -}; - -// Clean up after IE to avoid memory leaks -if (jQuery.browser.msie) - jQuery(window).one("unload", function() { - var global = jQuery.event.global; - for ( var type in global ) { - var els = global[type], i = els.length; - if ( i && type != 'unload' ) - do - jQuery.event.remove(els[i-1], type); - while (--i); - } - }); +}