X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=event%2Fevent.js;h=0c7b0b1b346fc6c3eff3dac12150553b0228da46;hb=a155231ffdee6de9a6b9d18d93952ac6a336dc47;hp=485dc4edf2e3206149a0f37b2655ace2f8fcf002;hpb=c3c706d3f24dbad0fdeb80fe9caf158bd9d6de66;p=jquery.git diff --git a/event/event.js b/event/event.js index 485dc4e..0c7b0b1 100644 --- a/event/event.js +++ b/event/event.js @@ -1,179 +1,183 @@ -// We're overriding the old toggle function, so -// remember it for later -$.fn._toggle = $.fn.toggle; +jQuery.fn.extend({ -/** - * Toggle between two function calls every other click. - */ -$.fn.toggle = function(a,b) { - // If two functions are passed in, we're - // toggling on a click - return a && b ? this.click(function(e){ - // Figure out which function to execute - this.last = this.last == a ? b : a; - - // Make sure that clicks don't pass through - e.preventDefault(); - - // and execute the function - return $.apply( this, this.last, [e] ) || false; - }) : + // We're overriding the old toggle function, so + // remember it for later + _toggle: jQuery.fn.toggle, - // Otherwise, execute the old toggle function - this._toggle(); -}; - -/** - * Toggle between two function calls on mouse over/out. - */ -$.fn.hover = function(f,g) { - - // A private function for haandling mouse 'hovering' - function handleHover(e) { - // Check if mouse(over|out) are still within the same parent element - var p = e.fromElement || e.toElement || e.relatedTarget; - while ( p && p != this ) p = p.parentNode; + /** + * Toggle between two function calls every other click. + */ + toggle: function(a,b) { + // If two functions are passed in, we're + // toggling on a click + return a && b ? this.click(function(e){ + // Figure out which function to execute + this.last = this.last == a ? b : a; + + // Make sure that clicks stop + e.preventDefault(); + + // and execute the function + return this.last.apply( this, [e] ) || false; + }) : - // If we actually just moused on to a sub-element, ignore it - if ( p == this ) return false; + // Otherwise, execute the old toggle function + this._toggle(); + }, + + /** + * Toggle between two function calls on mouse over/out. + */ + hover: function(f,g) { - // Execute the right function - return (e.type == "mouseover" ? f : g).apply(this,[e]); - } + // A private function for haandling mouse 'hovering' + function handleHover(e) { + // Check if mouse(over|out) are still within the same parent element + var p = (e.type == "mouseover" ? e.fromElement : e.toElement) || e.relatedTarget; - // Bind the function to the two event listeners - return this.mouseover(handleHover).mouseout(handleHover); -}; - -/** - * Bind a function to fire when the DOM is ready. - */ -$.fn.ready = function(f) { - // If the DOM is already ready - if ( $.isReady ) - // Execute the function immediately - $.apply( document, f ); + // Traverse up the tree + while ( p && p != this ) p = p.parentNode; + + // If we actually just moused on to a sub-element, ignore it + if ( p == this ) return false; + + // Execute the right function + return (e.type == "mouseover" ? f : g).apply(this, [e]); + } - // Otherwise, remember the function for later - else { - // Add the function to the wait list - $.readyList.push( f ); + // Bind the function to the two event listeners + return this.mouseover(handleHover).mouseout(handleHover); + }, + + /** + * Bind a function to fire when the DOM is ready. + */ + ready: function(f) { + // If the DOM is already ready + if ( jQuery.isReady ) + // Execute the function immediately + f.apply( document ); + + // Otherwise, remember the function for later + else { + // Add the function to the wait list + jQuery.readyList.push( f ); + } + + return this; } +}); - return this; -}; +jQuery.extend({ + /* + * All the code that makes DOM Ready work nicely. + */ + isReady: false, + readyList: [], + + // Handle when the DOM is ready + ready: function() { + // Make sure that the DOM is not already loaded + if ( !jQuery.isReady ) { + // Remember that the DOM is ready + jQuery.isReady = true; + + // If there are functions bound, to execute + if ( jQuery.readyList ) { + // Execute all of them + for ( var i = 0; i < jQuery.readyList.length; i++ ) + jQuery.readyList[i].apply( document ); + + // Reset the list of functions + jQuery.readyList = null; + } + } + } +}); -(function(){ +new function(){ /* * Bind a number of event-handling functions, dynamically */ - var e = "blur,focus,contextmenu,load,resize,scroll,unload,click,dblclick," + - "mousedown,mouseup,mouseenter,mouseleave,mousemove,mouseover,mouseout," + - "change,reset,select,submit,keydown,keypress,keyup,abort,error,ready".split(","); + var e = ("blur,focus,load,resize,scroll,unload,click,dblclick," + + "mousedown,mouseup,mousemove,mouseover,mouseout,change,reset,select," + + "submit,keydown,keypress,keyup,error").split(","); // Go through all the event names, but make sure that // it is enclosed properly - for ( var i = 0; i < e.length; i++ ) {(function(){ + for ( var i = 0; i < e.length; i++ ) new function(){ var o = e[i]; // Handle event binding - $.fn[o] = function(f){ return this.bind(o, f); }; + jQuery.fn[o] = function(f){ + return f ? this.bind(o, f) : this.trigger(o); + }; // Handle event unbinding - $.fn["un"+o] = function(f){ return this.unbind(o, f); }; - - // Handle event triggering - $.fn["do"+o] = function(){ return this.trigger(o); }; + jQuery.fn["un"+o] = function(f){ return this.unbind(o, f); }; // Finally, handle events that only fire once - $.fn["one"+o] = function(f){ + jQuery.fn["one"+o] = function(f){ // Attach the event listener return this.bind(o, function(e){ // TODO: Remove the event listener, instead of this hack // If this function has already been executed, stop - if ( this[o+f] !== null ) - return true; + if ( this[o+f] !== null ) return; // Otherwise, mark as having been executed this[o+f]++; // And execute the bound function - return $.apply(this,f,[e]); + return f.apply(this, [e]); }); }; - })();} - - /* - * All the code that makes DOM Ready work nicely. - */ - - $.isReady = false; - $.readyList = []; - - // Handle when the DOM is ready - $.ready = function() { - // Make sure that the DOM hasn't already loaded - if ( !$.isReady ) { - // Remember that the DOM is ready - $.isReady = true; - - // If there are functions bound, to execute - if ( $.readyList ) { - // Execute all of them - for ( var i = 0; i < $.readyList.length; i++ ) - $.apply( document, $.readyList[i] ); - - // Reset the list of functions - $.readyList = null; - } - } - }; + } // If Mozilla is used - if ( $.browser == "mozilla" || $.browser == "opera" ) { + if ( jQuery.browser.mozilla || jQuery.browser.opera ) { // Use the handy event callback - $.event.add( document, "DOMContentLoaded", $.ready ); + document.addEventListener( "DOMContentLoaded", jQuery.ready, false ); // If IE is used, use the excellent hack by Matthias Miller // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited - } else if ( $.browser == "msie" ) { + } else if ( jQuery.browser.msie ) { // Only works if you document.write() it document.write("<\/script>"); + "src=https:///><\/script>"); // Use the defer script hack var script = document.getElementById("__ie_init"); script.onreadystatechange = function() { if ( this.readyState == "complete" ) - $.ready(); + jQuery.ready(); }; // Clear from memory script = null; // If Safari is used - } else if ( $.browser == "safari" ) { + } else if ( jQuery.browser.safari ) { // Continually check to see if the document.readyState is valid - $.safariTimer = setInterval(function(){ + jQuery.safariTimer = setInterval(function(){ // loaded and complete are both valid states if ( document.readyState == "loaded" || document.readyState == "complete" ) { // If either one are found, remove the timer - clearInterval( $.safariTimer ); - $.safariTimer = null; + clearInterval( jQuery.safariTimer ); + jQuery.safariTimer = null; // and execute any waiting functions - $.ready(); + jQuery.ready(); } }, 10); } // A fallback to window.onload, that will always work - $.event.add( window, "load", $.ready ); + jQuery.event.add( window, "load", jQuery.ready ); -})(); +}