// Node name check avoids a VML-related crash in IE (#9807)
var elem = e.target,
form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
- if ( form && !form._submit_attached ) {
+ if ( form && !jQuery._data( form, "_submit_attached" ) ) {
jQuery.event.add( form, "submit._submit", function( event ) {
event._submit_bubble = true;
});
- form._submit_attached = true;
+ jQuery._data( form, "_submit_attached", true );
}
});
// return undefined since we don't need an event listener
form.remove();
});
+test( "submit event bubbles on copied forms (#11649)", function(){
+ expect( 3 );
+
+ var $formByClone, $formByHTML,
+ $testForm = jQuery("#testForm"),
+ $fixture = jQuery("#qunit-fixture"),
+ $wrapperDiv = jQuery("<div/>").appendTo( $fixture );
+
+ function noSubmit( e ) {
+ e.preventDefault();
+ }
+ function delegatedSubmit() {
+ ok( true, "Make sure submit event bubbles up." );
+ return false;
+ }
+
+ // Attach a delegated submit handler to the parent element
+ $fixture.on( "submit", "form", delegatedSubmit );
+
+ // Trigger form submission to introduce the _submit_attached property
+ $testForm.on( "submit", noSubmit ).find("input[name=sub1]").click();
+
+ // Copy the form via .clone() and .html()
+ $formByClone = $testForm.clone( true, true ).removeAttr("id");
+ $formByHTML = jQuery( $fixture.html() ).filter("#testForm").removeAttr("id");
+ $wrapperDiv.append( $formByClone, $formByHTML );
+
+ // Check submit bubbling on the copied forms
+ $wrapperDiv.find("form").on( "submit", noSubmit ).find("input[name=sub1]").click();
+
+ // Clean up
+ $wrapperDiv.remove();
+ $fixture.off( "submit", "form", delegatedSubmit );
+});
+
test("trigger(eventObject, [data], [fn])", function() {
expect(28);