Add onReset event for forms

Test Plan:
Tested in Chrome and IE8.
This commit is contained in:
Ben Alpert
2014-02-10 11:12:26 -08:00
parent eb3d516f40
commit 30fd3a30b0
3 changed files with 14 additions and 0 deletions
@@ -43,6 +43,11 @@ var ReactDOMForm = ReactCompositeComponent.createClass({
},
componentDidMount: function() {
ReactEventEmitter.trapBubbledEvent(
EventConstants.topLevelTypes.topReset,
'reset',
this.getDOMNode()
);
ReactEventEmitter.trapBubbledEvent(
EventConstants.topLevelTypes.topSubmit,
'submit',
@@ -195,6 +195,12 @@ var eventTypes = {
captured: keyOf({onPasteCapture: true})
}
},
reset: {
phasedRegistrationNames: {
bubbled: keyOf({onReset: true}),
captured: keyOf({onResetCapture: true})
}
},
scroll: {
phasedRegistrationNames: {
bubbled: keyOf({onScroll: true}),
@@ -266,6 +272,7 @@ var topLevelEventsToDispatchConfig = {
topMouseOver: eventTypes.mouseOver,
topMouseUp: eventTypes.mouseUp,
topPaste: eventTypes.paste,
topReset: eventTypes.reset,
topScroll: eventTypes.scroll,
topSubmit: eventTypes.submit,
topTouchCancel: eventTypes.touchCancel,
@@ -320,6 +327,7 @@ var SimpleEventPlugin = {
switch (topLevelType) {
case topLevelTypes.topInput:
case topLevelTypes.topLoad:
case topLevelTypes.topReset:
case topLevelTypes.topSubmit:
// HTML Events
// @see http://www.w3.org/TR/html5/index.html#events-0
+1
View File
@@ -56,6 +56,7 @@ var topLevelTypes = keyMirror({
topMouseOver: null,
topMouseUp: null,
topPaste: null,
topReset: null,
topScroll: null,
topSelectionChange: null,
topSubmit: null,