jQuery.event.fix (v12)

Revision 12 of this benchmark created on

Preparation HTML

<script src="https://code.jquery.com/jquery-2.0.0.min.js"></script>
<script>
(function(){
	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){
		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 && event.target.nodeType === 3 ) {
			event.target = event.target.parentNode;
		}

		return event;
	}
	
})();


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;
}
</script>

Setup

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.