Make sure that focusin/focusout bubbles in non-IE browsers.

This commit is contained in:
Justin Meyer 2010-10-13 10:35:28 -04:00 committed by jeresig
parent 39addc87a3
commit 88068f82c1
2 changed files with 24 additions and 5 deletions

View file

@ -7,7 +7,8 @@ var rnamespaces = /\.(.*)$/,
rescape = /[^\w\s.|`]/g, rescape = /[^\w\s.|`]/g,
fcleanup = function( nm ) { fcleanup = function( nm ) {
return nm.replace(rescape, "\\$&"); return nm.replace(rescape, "\\$&");
}; },
focusCounts = { focusin: 0, focusout: 0 };
/* /*
* A number of helper functions used for managing events. * A number of helper functions used for managing events.
@ -855,17 +856,21 @@ if ( document.addEventListener ) {
jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
jQuery.event.special[ fix ] = { jQuery.event.special[ fix ] = {
setup: function() { setup: function() {
this.addEventListener( orig, handler, true ); if ( focusCounts[fix]++ === 0 ) {
document.addEventListener( orig, handler, true );
}
}, },
teardown: function() { teardown: function() {
this.removeEventListener( orig, handler, true ); if ( --focusCounts[fix] === 0 ) {
document.removeEventListener( orig, handler, true );
}
} }
}; };
function handler( e ) { function handler( e ) {
e = jQuery.event.fix( e ); e = jQuery.event.fix( e );
e.type = fix; e.type = fix;
return jQuery.event.handle.call( this, e ); return jQuery.event.trigger( e, null, e.target );
} }
}); });
} }

View file

@ -1843,7 +1843,21 @@ test("window resize", function() {
ok( !jQuery(window).data("__events__"), "Make sure all the events are gone." ); ok( !jQuery(window).data("__events__"), "Make sure all the events are gone." );
}); });
test("focusin bubbles", function(){
//create an input and focusin on it
var input = jQuery("<input/>"),
order = 0;
input.appendTo(document.body);
jQuery(document.body).bind("focusin.focusinBubblesTest",function(){
equals(1,order++,"focusin on the body second")
})
input.bind("focusin.focusinBubblesTest",function(){
equals(0,order++,"focusin on the element first")
})
input[0].focus();
input.remove();
jQuery(document.body).unbind("focusin.focusinBubblesTest");
})
/* /*
test("jQuery(function($) {})", function() { test("jQuery(function($) {})", function() {
stop(); stop();