From e5577c7206d11a4391ff01ccaf4de7d050de762a Mon Sep 17 00:00:00 2001 From: Dave Methvin Date: Tue, 17 Sep 2013 18:51:54 -0400 Subject: [PATCH] Fix #14180. Allow cross-frame use of focusin/out. Close gh-1369. (cherry picked from commit 6d5dfa0eda2c19e8838930fafff83b596654eca2) Manually edited for conflicts. --- src/event.js | 21 +++++++++++++------- test/data/event/focusinCrossFrame.html | 18 +++++++++++++++++ test/unit/event.js | 27 ++++++++++++++++++++++++++ 3 files changed, 59 insertions(+), 7 deletions(-) create mode 100644 test/data/event/focusinCrossFrame.html diff --git a/src/event.js b/src/event.js index a6f69f49ff5..cc0fe17004b 100644 --- a/src/event.js +++ b/src/event.js @@ -892,22 +892,29 @@ if ( !support.changeBubbles ) { if ( !support.focusinBubbles ) { jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) { - // Attach a single capturing handler while someone wants focusin/focusout - var attaches = 0, - handler = function( event ) { + // Attach a single capturing handler on the document while someone wants focusin/focusout + var handler = function( event ) { jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true ); }; jQuery.event.special[ fix ] = { setup: function() { - if ( attaches++ === 0 ) { - document.addEventListener( orig, handler, true ); + var doc = this.ownerDocument, + attaches = jQuery._data( doc, "focusCount" ); + + if ( !attaches ) { + doc.addEventListener( orig, handler, true ); } + jQuery._data( doc, "focusCount", ( attaches || 0 ) + 1 ); }, teardown: function() { - if ( --attaches === 0 ) { - document.removeEventListener( orig, handler, true ); + var doc = this.ownerDocument, + attaches = jQuery._data( doc, "focusCount" ) - 1; + + if ( !attaches ) { + doc.removeEventListener( orig, handler, true ); } + jQuery._data( doc, "focusCount", attaches ); } }; }); diff --git a/test/data/event/focusinCrossFrame.html b/test/data/event/focusinCrossFrame.html new file mode 100644 index 00000000000..487f8de8fd6 --- /dev/null +++ b/test/data/event/focusinCrossFrame.html @@ -0,0 +1,18 @@ + + + + + focusin event cross-frame (#14180) + + + + + + + + diff --git a/test/unit/event.js b/test/unit/event.js index d81551da94e..1310e050a2c 100644 --- a/test/unit/event.js +++ b/test/unit/event.js @@ -2507,6 +2507,33 @@ test("fixHooks extensions", function() { jQuery.event.fixHooks.click = saved; }); +testIframeWithCallback( "focusin from an iframe", "event/focusinCrossFrame.html", function( frameDoc ) { + expect(1); + + var input = jQuery( frameDoc ).find( "#frame-input" ); + + // Create a focusin handler on the parent; shouldn't affect the iframe's fate + jQuery ( "body" ).on( "focusin.iframeTest", function() { + ok( false, "fired a focusin event in the parent document" ); + }); + + input.on( "focusin", function() { + ok( true, "fired a focusin event in the iframe" ); + }); + + // Avoid a native event; Chrome can't force focus to another frame + input.trigger( "focusin" ); + + // Must manually remove handler to avoid leaks in our data store + input.remove(); + + // Be sure it was removed; nothing should happen + input.trigger( "focusin" ); + + // Remove body handler manually since it's outside the fixture + jQuery( "body" ).off( "focusin.iframeTest" ); +}); + testIframeWithCallback( "jQuery.ready promise", "event/promiseReady.html", function( isOk ) { expect(1); ok( isOk, "$.when( $.ready ) works" );