迷途知返

/**
 *
 * jquery.LRmouse 1.0.0
 * 
 * Author: pwwang ( http://pwwang.com )
 * 2009.10.26
 *
 * Bind an event handle to a listener that 
 * LButton and RButton of the mouse act
 * ( click, mousedown, mouseup ) "simultaneously"
 *
 * It works on both IE and Firefox, distinguishedly,
 * however, it performs perfectly in Firefox; not
 * exactly ideally in IE.
 *
 **/
(function($){
 
    $.bindLR = function( elem, type, data, fn, intv ){
 
        var L_BUTTON = $.browser.msie ? 1 : 0 ;
        var R_BUTTON = $.browser.msie ? 0 : 2 ;    
        var LR_BUTTON = 3; // ie
 
        var orgType = type.substr(2);
 
        var L_flag = false;
        var R_flag = false;                
 
        var getTime = function(){
            return +new Date;
        };        
 
        var lrId = getTime();
        // for finding the elem in $.cache
        // a trick, 'cz I don't know how to
        // find the function directly
        elem.data('lrId', lrId);  
        var orgFns = [];
        for( var i in $.cache ){  
        // find original binded functions
            if( $.cache[i]['lrId'] == lrId ){
                var fns = $.cache[i]['events'][orgType];
 
                for( var j in fns ){
                    orgFns.push( fns[j] );
                    elem.unbind( orgType, fns[j] );
                }
                //remove it
                elem.removeData('lrId');
                break;
            }
        }
        elem.data('lrTempEvents',orgFns); 
 
        var timer = getTime();
        var timeOut;
 
        var reset = function(){
            L_flag = false;
            R_flag = false;
            clearTimeout( timeOut );
        };        
 
        var orgFnHandle = function(e, data){
            reset();
            for( var i=0; i<orgFns.length; i++ ){
                orgFns[i].call(elem, e, data);
            }
        };
 
        var L_event = function(e, data){
            if( !R_flag ){ //waiting
                // if LR_BUTTON, do NOT wait
                // LR_BUTTON in ie will call L_BUTTON event
                if( getTime() - timer > intv ){  
                    L_flag = true;
                    timer = getTime();
                    timeOut = setTimeout( 
                        function(){orgFnHandle(e, data);}, 
                        intv+1
                    );
                }
            } else {
                reset();
                var deltT = getTime() - timer;
                if( deltT <= intv ){
                    fn.call(elem, e, data);
                } else {
                    orgFnHandle(e, data);
                }
            }
        };
 
        var R_event = function(e, data){
            if( !L_flag ){
                if( getTime() - timer > intv ){
                    R_flag = true;
                    timer = getTime();
                    timeOut = setTimeout( 
                        function(){orgFnHandle(e, data);}, 
                        intv+1
                    );
                }
            } else{
                reset();
                var deltT = getTime()-timer;
                if( deltT <= intv ){
                    fn.call(elem, e, data)
                } else {
                    orgFnHandle(e, data);
                }
            }
        }
        var eventHandle = function(e, data){
            if( L_BUTTON === e.button )
                L_event (e, data);
            else if( R_BUTTON === e.button )
                R_event (e, data);
            else if( LR_BUTTON === e.button ) { //ie
                timer = getTime();
                fn.call(elem, e, data);
            }
        };    
 
        //ban context menu;
        elem.bind('contextmenu', function(){ return false; });  
        //bind new
        elem.bind( orgType, data, eventHandle );
 
    };
 
    $.unbindLR = function(elem, type){
        elem.unbind('contextmenu');
        elem.unbind( type );
        var orgType = type.substr(2);
        elem.unbind( orgType );    
 
        var lrId = Math.random();
 
        elem.data('lrId', lrId);  
 
        for( var i in $.cache ){  
            if( $.cache[i]['lrId'] == lrId ){
                var fns = $.cache[i]['lrTempEvents'];
                for( var j in fns ){
                    elem.bind( orgType, function(){ fns[j].apply(elem,arguments) });
                }
                //remove it
                elem.removeData('lrId');
                elem.removeData('lrTempEvents');
                break;
            }
        }
    };
 
    $.fn.bindLR = function(type, data, fn, intv){
        if( $.isFunction( data ) ){
            intv = fn || 500;
            fn = data;
            data = {};
        } else {
            data = data || {};
            fn = fn || {};
            intv = intv || 500;
        }
        // lr bind for $(...).trigger()
        this.bind(type,data,fn);   
 
        if( type.substr(0,2)=='lr' ){
            $.bindLR( this, type, data, fn, intv );
        }
        return this;
    };
 
    $.fn.unbindLR = function(type){
        $.unbindLR( this,type );
        return this;
    }
})(jQuery);