jQuery.event.fix

Benchmark created by Justin Meyer on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

Setup

(function(){
        
           console.log("starting");
        
        var set = function(obj, prop, val){
                Object.defineProperty(obj,prop,{
                  value : val
                })
                return val;
        };
        
        var special = {
                pageX : function(original){
                        var eventDoc = this.target.ownerDocument || document;
                                doc = eventDoc.documentElement;
                                body = eventDoc.body;
                        return original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 ) ;
                },
                pageY : function(original){
                        var eventDoc = this.target.ownerDocument || document;
                                doc = eventDoc.documentElement;
                                body = eventDoc.body;
                        return original.clientY + ( doc && doc.scrollTop || body && body.scrollTop || 0 ) - ( doc && doc.clientTop || body && body.clientTop || 0 ) ;
                },
                relatedTarget : function(original){
                        return this.relatedTarget = original.fromElement === this.target ? original.toElement : original.fromElement;
                },
                which : function(original){
                        var button = original.button;
                        return ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
                },
                metaKey : function(originalEvent){
                        return originalEvent.metaKey === undefined ? 
                                this.originalEvent.ctrlKey : originalEvent.metaKey;
                },
                which : function(original){
                        return original.charCode != null ? original.charCode : original.keyCode;
                }
        };
        
        $.each($.event.keyHooks.props.concat($.event.mouseHooks.props).concat($.event.props), function(i, prop){
                    console.log("defining property");
                if(prop !== "target" && prop !== "char"){
                        Object.defineProperty(jQuery.Event.prototype,prop,{
                          get : function(){
                                // get the original value
                                var originalValue = this.originalEvent[prop]
                                // overwrite getter lookup
                                return set(this,prop, 
                                        // if we have a special function and no value
                                        special[prop] && originalValue == null ? 
                                                // call the special function
                                                special[prop].call(this, this.originalEvent) : 
                                                // use the original value
                                                originalValue  )
                          }
                        })
                }
        })
        
        
        $.event.fastFix = function(event){
                if ( event[ jQuery.expando ] ) {
                        return event;
                }
                // Create a jQuery event with at minimum a target and type set
                var originalEvent = event,
                        event = jQuery.Event( originalEvent );
    
                event.target = originalEvent.target;
                // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
                if ( !event.target ) {
                        event.target = originalEvent.srcElement || document;
                }
    
                // Target should not be a text node (#504, Safari)
                if ( event.target.nodeType === 3 ) {
                        event.target = event.target.parentNode;
                }
    
                return event;
        }
        
    });
    console.log("here");
    
    var makeClick = function(){
    
        
        var event;
    
        try {
                event = document.createEvent('MouseEvents');
                event.initMouseEvent("click", true, true, null, null, 100, 100, 100, 100, false, false, false, false, 0, null);
        } catch (e) {
                try {
                        event = document.createEvent("Events");
                } catch (e2) {
                        event = document.createEvent("UIEvents");
                } finally {
                        event.initEvent("click", true, true);
                        $.extend(event, defaults);
                }
        }
        //element.dispatchEvent(event)
        return event;
    }
    
    var clickEvent = makeClick();

Test runner

Ready to run.

Testing in
TestOps/sec
existing fix
var ev = $.event.fix(clickEvent)
ev.pageX
ev.pageY
ev.pageX
ev.pageY
ready
fast fix
var ev = $.event.fastFix(clickEvent)
ev.pageX
ev.pageY
ev.pageX
ev.pageY
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.