Commit 36c82a1b authored by Rick Waldron's avatar Rick Waldron

Merge branch 'fix-8789-rwldrn-fix' of git://github.com/dmethvin/jquery into fix-8789-rwldrn-fix

* 'fix-8789-rwldrn-fix' of git://github.com/dmethvin/jquery:
  Minor cleanups to code. Futile effort to get IE to pass the unit test.
  propHooks now an object with `props` array and `filter` function.
  Moves mouse properties to mouseProps
  current state
  Removes early return loop, must copy properties
  Shortcircuit fix if possible
  More ref localization
  Remove unnec. empty line
  More reference caching
  Cache reference to propHook lookup and result
  Restore this.propHooks => jQuery.event.propHooks for better gzip compression. Thanks gnarf
  Adds notes re: crash status of fix conditions
  Moves key event fixes to own even prop hook defs
  jQuery.event.propHooks => this.propHooks where possible
  Removes pageX pageY from prop list
  Updates rmouseEvent
  Implements jQuery.event.propHooks. Fixes #8789
  Adds implementation tests for jQuery.event.propHooks #8789
parents 140bebb7 c7838c36
...@@ -7,6 +7,8 @@ var rnamespaces = /\.(.*)$/, ...@@ -7,6 +7,8 @@ var rnamespaces = /\.(.*)$/,
rescape = /[^\w\s.|`]/g, rescape = /[^\w\s.|`]/g,
rtypenamespace = /^([^\.]*)?(?:\.(.+))?$/, rtypenamespace = /^([^\.]*)?(?:\.(.+))?$/,
rhoverHack = /\bhover(\.\S+)?/, rhoverHack = /\bhover(\.\S+)?/,
rkeyEvent = /^key/,
rmouseEvent = /^(?:mouse|contextmenu)|click/,
rquickIs = /^([\w\-]+)?(?:#([\w\-]+))?(?:\.([\w\-]+))?(?:\[([\w+\-]+)=["']?([\w\-]*)["']?\])?$/, rquickIs = /^([\w\-]+)?(?:#([\w\-]+))?(?:\.([\w\-]+))?(?:\[([\w+\-]+)=["']?([\w\-]*)["']?\])?$/,
quickParse = function( selector ) { quickParse = function( selector ) {
var quick = rquickIs.exec( selector ); var quick = rquickIs.exec( selector );
...@@ -20,8 +22,8 @@ var rnamespaces = /\.(.*)$/, ...@@ -20,8 +22,8 @@ var rnamespaces = /\.(.*)$/,
}, },
quickIs = function( elem, m ) { quickIs = function( elem, m ) {
return ( return (
(!m[1] || elem.nodeName.toLowerCase() === m[1]) && (!m[1] || elem.nodeName.toLowerCase() === m[1]) &&
(!m[2] || elem.id === m[2]) && (!m[2] || elem.id === m[2]) &&
(!m[3] || m[3].test( elem.className )) && (!m[3] || m[3].test( elem.className )) &&
(!m[4] || elem.getAttribute( m[4] ) == m[5]) (!m[4] || elem.getAttribute( m[4] ) == m[5])
); );
...@@ -99,7 +101,7 @@ jQuery.event = { ...@@ -99,7 +101,7 @@ jQuery.event = {
handleObj = jQuery.extend({ handleObj = jQuery.extend({
type: type, type: type,
origType: tns[1], origType: tns[1],
data: data, data: data,
handler: handler, handler: handler,
guid: handler.guid, guid: handler.guid,
selector: selector, selector: selector,
...@@ -119,7 +121,7 @@ jQuery.event = { ...@@ -119,7 +121,7 @@ jQuery.event = {
if ( !handlers ) { if ( !handlers ) {
handlers = events[ type ] = []; handlers = events[ type ] = [];
handlers.delegateCount = 0; handlers.delegateCount = 0;
// Only use addEventListener/attachEvent if the special events handler returns false // Only use addEventListener/attachEvent if the special events handler returns false
if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) { if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
// Bind the global event handler to the element // Bind the global event handler to the element
...@@ -146,7 +148,7 @@ jQuery.event = { ...@@ -146,7 +148,7 @@ jQuery.event = {
} else { } else {
handlers.push( handleObj ); handlers.push( handleObj );
} }
// Keep track of which events have ever been used, for event optimization // Keep track of which events have ever been used, for event optimization
jQuery.event.global[ type ] = true; jQuery.event.global[ type ] = true;
} }
...@@ -163,7 +165,7 @@ jQuery.event = { ...@@ -163,7 +165,7 @@ jQuery.event = {
var elemData = jQuery.hasData( elem ) && jQuery._data( elem ), var elemData = jQuery.hasData( elem ) && jQuery._data( elem ),
t, tns, type, namespaces, origCount, t, tns, type, namespaces, origCount,
j, events, special, handle, eventType, handleObj; j, events, special, handle, eventType, handleObj;
if ( !elemData || !(events = elemData.events) ) { if ( !elemData || !(events = elemData.events) ) {
return; return;
} }
...@@ -245,7 +247,7 @@ jQuery.event = { ...@@ -245,7 +247,7 @@ jQuery.event = {
jQuery.removeData( elem, [ "events", "handle" ], true ); jQuery.removeData( elem, [ "events", "handle" ], true );
} }
}, },
// Events that are safe to short-circuit if no handlers are attached. // Events that are safe to short-circuit if no handlers are attached.
// Native DOM events should not be added, they may have inline handlers. // Native DOM events should not be added, they may have inline handlers.
customEvent: { customEvent: {
...@@ -357,7 +359,7 @@ jQuery.event = { ...@@ -357,7 +359,7 @@ jQuery.event = {
} }
addHandlers( doc.defaultView || doc.parentWindow || window, bubbleType ); addHandlers( doc.defaultView || doc.parentWindow || window, bubbleType );
} }
// Bubble up the DOM tree // Bubble up the DOM tree
for ( i = 0; i < eventPath.length; i++ ) { for ( i = 0; i < eventPath.length; i++ ) {
cur = eventPath[ i ]; cur = eventPath[ i ];
...@@ -398,7 +400,7 @@ jQuery.event = { ...@@ -398,7 +400,7 @@ jQuery.event = {
} }
} }
} }
return event.result; return event.result;
}, },
...@@ -406,7 +408,7 @@ jQuery.event = { ...@@ -406,7 +408,7 @@ jQuery.event = {
// Make a writable jQuery.Event from the native event object // Make a writable jQuery.Event from the native event object
event = jQuery.event.fix( event || window.event ); event = jQuery.event.fix( event || window.event );
var handlers = ((jQuery._data( this, "events" ) || {})[ event.type ] || []), var handlers = ((jQuery._data( this, "events" ) || {})[ event.type ] || []),
delegateCount = handlers.delegateCount, delegateCount = handlers.delegateCount,
args = Array.prototype.slice.call( arguments, 0 ), args = Array.prototype.slice.call( arguments, 0 ),
...@@ -443,7 +445,7 @@ jQuery.event = { ...@@ -443,7 +445,7 @@ jQuery.event = {
} }
} }
} }
// Copy the remaining (bound) handlers in case they're changed // Copy the remaining (bound) handlers in case they're changed
handlers = handlers.slice( delegateCount ); handlers = handlers.slice( delegateCount );
...@@ -463,66 +465,90 @@ jQuery.event = { ...@@ -463,66 +465,90 @@ jQuery.event = {
return event.result; return event.result;
}, },
props: "altKey attrChange attrName bubbles button cancelable charCode clientX clientY ctrlKey currentTarget data detail eventPhase fromElement handler keyCode layerX layerY metaKey newValue offsetX offsetY pageX pageY prevValue relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which".split(" "), // Includes some event props shared by KeyEvent and MouseEvent
// *** attrChange attrName relatedNode srcElement are not normalized, non-W3C, deprecated, will be removed in 1.8 ***
props: "attrChange attrName relatedNode srcElement altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp type view which".split(" "),
propHooks: {},
keyHooks: {
props: "char charCode key keyCode".split(" "),
filter: function( event, original ) {
// Add which for key events
if ( event.which == null ) {
event.which = original.charCode != null ? original.charCode : original.keyCode;
}
return event;
}
},
mouseHooks: {
props: "button buttons clientX clientY fromElement layerX layerY offsetX offsetY pageX pageY screenX screenY toElement wheelDelta".split(" "),
filter: function( event, original ) {
var eventDoc, doc, body,
button = original.button,
fromElement = original.fromElement;
// Calculate pageX/Y if missing and clientX/Y available
if ( event.pageX == null && original.clientX != null ) {
eventDoc = event.target.ownerDocument || document;
doc = eventDoc.documentElement;
body = eventDoc.body;
event.pageX = original.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = original.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
}
// Add relatedTarget, if necessary
if ( !event.relatedTarget && fromElement ) {
event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
}
// Add which for click: 1 === left; 2 === middle; 3 === right
// Note: button is not normalized, so don't use it
if ( !event.which && button !== undefined ) {
event.which = (button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ));
}
return event;
}
},
fix: function( event ) { fix: function( event ) {
if ( event[ jQuery.expando ] ) { if ( event[ jQuery.expando ] ) {
return event; return event;
} }
// store a copy of the original event object // Create a writable copy of the event object and normalize some properties
// and "clone" to set read-only properties var originalEvent = event,
var originalEvent = event; propHook = jQuery.event.propHooks[ event.type ] || {},
copy = propHook.props ? this.props.concat( propHook.props ) : this.props;
event = jQuery.Event( originalEvent ); event = jQuery.Event( originalEvent );
for ( var i = this.props.length, prop; i; ) { for ( var i = copy.length, prop; i; ) {
prop = this.props[ --i ]; prop = copy[ --i ];
event[ prop ] = originalEvent[ prop ]; event[ prop ] = originalEvent[ prop ];
} }
// Fix target property, if necessary // Fix target property, if necessary (#1925, IE 6/7/8 & Safari2)
if ( !event.target ) { if ( !event.target ) {
// Fixes #1925 where srcElement might not be defined either event.target = originalEvent.srcElement || document;
event.target = event.srcElement || document;
} }
// check if target is a textnode (safari) // Target should not be a text node (#504, Safari)
if ( event.target.nodeType === 3 ) { if ( event.target.nodeType === 3 ) {
event.target = event.target.parentNode; event.target = event.target.parentNode;
} }
// Add relatedTarget, if necessary // For mouse/key events; add metaKey if it's not there (#3368, IE6/7/8)
if ( !event.relatedTarget && event.fromElement ) { if ( event.metaKey === undefined ) {
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 eventDocument = event.target.ownerDocument || document,
doc = eventDocument.documentElement,
body = eventDocument.body;
event.pageX = event.clientX + (doc && doc.scrollLeft || body && body.scrollLeft || 0) - (doc && doc.clientLeft || body && body.clientLeft || 0);
event.pageY = event.clientY + (doc && doc.scrollTop || body && body.scrollTop || 0) - (doc && doc.clientTop || body && body.clientTop || 0);
}
// Add which for key events
if ( event.which == null && (event.charCode != null || event.keyCode != null) ) {
event.which = event.charCode != null ? event.charCode : event.keyCode;
}
// Add metaKey to non-Mac browsers (use ctrl for PC's and Meta for Macs)
if ( !event.metaKey && event.ctrlKey ) {
event.metaKey = event.ctrlKey; event.metaKey = event.ctrlKey;
} }
// Add which for click: 1 === left; 2 === middle; 3 === right return propHook.filter? propHook.filter( event, originalEvent ) : event;
// Note: button is not normalized, so don't use it
if ( !event.which && event.button !== undefined ) {
event.which = (event.button & 1 ? 1 : ( event.button & 2 ? 3 : ( event.button & 4 ? 2 : 0 ) ));
}
return event;
}, },
// Deprecated, use jQuery.guid instead // Deprecated, use jQuery.guid instead
...@@ -536,7 +562,7 @@ jQuery.event = { ...@@ -536,7 +562,7 @@ jQuery.event = {
// Make sure the ready event is setup // Make sure the ready event is setup
setup: jQuery.bindReady setup: jQuery.bindReady
}, },
focus: { focus: {
delegateType: "focusin", delegateType: "focusin",
trigger: useNativeMethod trigger: useNativeMethod
...@@ -576,7 +602,7 @@ function dispatch( target, event, handlers, args ) { ...@@ -576,7 +602,7 @@ function dispatch( target, event, handlers, args ) {
// Triggered event must either 1) be non-exclusive and have no namespace, or // Triggered event must either 1) be non-exclusive and have no namespace, or
// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace). // 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) { if ( run_all || (!event.namespace && !handleObj.namespace) || event.namespace_re && event.namespace_re.test( handleObj.namespace ) ) {
// Pass in a reference to the handler function itself // Pass in a reference to the handler function itself
// So that we can later remove it // So that we can later remove it
event.handler = handleObj.handler; event.handler = handleObj.handler;
...@@ -944,7 +970,7 @@ jQuery.fn.extend({ ...@@ -944,7 +970,7 @@ jQuery.fn.extend({
jQuery.event.remove( this, types, fn, selector ); jQuery.event.remove( this, types, fn, selector );
}); });
}, },
bind: function( types, data, fn ) { bind: function( types, data, fn ) {
return this.on( types, null, data, fn ); return this.on( types, null, data, fn );
}, },
...@@ -1013,7 +1039,7 @@ jQuery.fn.extend({ ...@@ -1013,7 +1039,7 @@ jQuery.fn.extend({
jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " + "mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
"change select submit keydown keypress keyup error").split(" "), function( i, name ) { "change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
// Handle event binding // Handle event binding
jQuery.fn[ name ] = function( data, fn ) { jQuery.fn[ name ] = function( data, fn ) {
...@@ -1030,6 +1056,14 @@ jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblcl ...@@ -1030,6 +1056,14 @@ jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblcl
if ( jQuery.attrFn ) { if ( jQuery.attrFn ) {
jQuery.attrFn[ name ] = true; jQuery.attrFn[ name ] = true;
} }
if ( rkeyEvent.test( name ) ) {
jQuery.event.propHooks[ name ] = jQuery.event.keyHooks;
}
if ( rmouseEvent.test( name ) ) {
jQuery.event.propHooks[ name ] = jQuery.event.mouseHooks;
}
}); });
})( jQuery ); })( jQuery );
......
...@@ -54,7 +54,7 @@ test("Handler changes and .trigger() order", function() { ...@@ -54,7 +54,7 @@ test("Handler changes and .trigger() order", function() {
markup.find( "b" ).trigger( "click" ); markup.find( "b" ).trigger( "click" );
equals( path, "p div body html ", "Delivered all events" ) equals( path, "p div body html ", "Delivered all events" )
markup.remove(); markup.remove();
}); });
*/ */
...@@ -2332,7 +2332,7 @@ test(".on and .off", function() { ...@@ -2332,7 +2332,7 @@ test(".on and .off", function() {
// We should have removed all the event handlers ... kinda hacky way to check this // We should have removed all the event handlers ... kinda hacky way to check this
var data = jQuery.data[ jQuery( "#onandoff" )[0].expando ] || {}; var data = jQuery.data[ jQuery( "#onandoff" )[0].expando ] || {};
equals( data.events, undefined, "no events left" ); equals( data.events, undefined, "no events left" );
jQuery("#onandoff").remove(); jQuery("#onandoff").remove();
}); });
...@@ -2349,12 +2349,12 @@ test("delegated events quickIs", function() { ...@@ -2349,12 +2349,12 @@ test("delegated events quickIs", function() {
'</div>' '</div>'
), ),
str, str,
check = function(el, expect){ check = function(el, expect){
str = ""; str = "";
markup.find( el ).trigger( "blink" ); markup.find( el ).trigger( "blink" );
equals( str, expect, "On " + el ); equals( str, expect, "On " + el );
}, },
func = function(e){ func = function(e){
var tag = this.nodeName.toLowerCase(); var tag = this.nodeName.toLowerCase();
str += (str && " ") + tag + "|" + e.handleObj.selector; str += (str && " ") + tag + "|" + e.handleObj.selector;
ok( e.handleObj.quick, "Selector "+ e.handleObj.selector + " on " + tag + " is a quickIs case" ); ok( e.handleObj.quick, "Selector "+ e.handleObj.selector + " on " + tag + " is a quickIs case" );
...@@ -2383,6 +2383,37 @@ test("delegated events quickIs", function() { ...@@ -2383,6 +2383,37 @@ test("delegated events quickIs", function() {
markup.remove(); markup.remove();
}); });
test("propHooks extensions", function() {
expect( 3 );
// IE requires focusable elements to be visible, so append to body
var $fixture = jQuery( "<input type='text' id='hook-fixture' />" ).appendTo( "body" );
// Ensure the property doesn't exist
$fixture.bind( "focus", function( event ) {
ok( !("blurrinessLevel" in event), "event.blurrinessLevel does not exist" );
})[0].focus();
// Must blur the link so focus works below
$fixture.unbind( "focus" )[0].blur();
// Define a custom property for "focus" events via the filter function
ok( !jQuery.event.propHooks.focus, "We aren't clobbering an existing focus hook" );
jQuery.event.propHooks.focus = {
filter: function( event, originalEvent ) {
event.blurrinessLevel = 42;
return event;
}
};
// Trigger a native focus and ensure the property is set
$fixture.bind( "focus", function( event ) {
equals( event.blurrinessLevel, 42, "event.blurrinessLevel was set" );
})[0].focus();
delete jQuery.event.propHooks.focus;
$fixture.unbind( "focus" ).remove();
});
(function(){ (function(){
// This code must be run before DOM ready! // This code must be run before DOM ready!
...@@ -2457,13 +2488,4 @@ test("delegated events quickIs", function() { ...@@ -2457,13 +2488,4 @@ test("delegated events quickIs", function() {
})(); })();
/*
test("event properties", function() {
stop();
jQuery("#simon1").click(function(event) {
ok( event.timeStamp, "assert event.timeStamp is present" );
start();
}).click();
});
*/
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment