6049 add support for onCancel event

facebook · Mar 11, 2016 · dca391b · dca391b
1 parent 6eda7d2
commit dca391b
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/src/renderers/dom/client/ReactBrowserEventEmitter.js b/src/renderers/dom/client/ReactBrowserEventEmitter.js
@@ -89,6 +89,7 @@ var topEventMapping = {
   topAnimationIteration: getVendorPrefixedEventName('animationiteration') || 'animationiteration',
   topAnimationStart: getVendorPrefixedEventName('animationstart') || 'animationstart',
   topBlur: 'blur',
+  topCancel: 'cancel',
   topCanPlay: 'canplay',
   topCanPlayThrough: 'canplaythrough',
   topChange: 'change',
@@ -318,6 +319,15 @@ var ReactBrowserEventEmitter = assign({}, ReactEventEmitterMixin, {
           // to make sure blur and focus event listeners are only attached once
           isListening[topLevelTypes.topBlur] = true;
           isListening[topLevelTypes.topFocus] = true;
+       } else if (dependency === topLevelTypes.topCancel){
+          if (isEventSupported('cancel', true)) {
+            ReactBrowserEventEmitter.ReactEventListener.trapCapturedEvent(
+              topLevelTypes.topCancel,
+              'cancel',
+              mountAt
+            );
+          }
+          isListening[topLevelTypes.topCancel] = true;
         } else if (topEventMapping.hasOwnProperty(dependency)) {
           ReactBrowserEventEmitter.ReactEventListener.trapBubbledEvent(
             dependency,

diff --git a/src/renderers/dom/client/eventPlugins/ChangeEventPlugin.js b/src/renderers/dom/client/eventPlugins/ChangeEventPlugin.js
@@ -34,6 +34,7 @@ var eventTypes = {
     },
     dependencies: [
       topLevelTypes.topBlur,
+      topLevelTypes.topCancel,
       topLevelTypes.topChange,
       topLevelTypes.topClick,
       topLevelTypes.topFocus,

diff --git a/src/renderers/dom/client/eventPlugins/SimpleEventPlugin.js b/src/renderers/dom/client/eventPlugins/SimpleEventPlugin.js
@@ -65,6 +65,12 @@ var eventTypes = {
       captured: keyOf({onBlurCapture: true}),
     },
   },
+  cancel: {
+    phasedRegistrationNames: {
+      bubbled: keyOf({onCancel: null}),
+      captured: keyOf({onCancelCapture: true}),
+    },
+  },
   canPlay: {
     phasedRegistrationNames: {
       bubbled: keyOf({onCanPlay: true}),
@@ -417,6 +423,7 @@ var topLevelEventsToDispatchConfig = {
   topAnimationIteration: eventTypes.animationIteration,
   topAnimationStart:  eventTypes.animationStart,
   topBlur:            eventTypes.blur,
+  topCancel:          eventTypes.cancel,
   topCanPlay:         eventTypes.canPlay,
   topCanPlayThrough:  eventTypes.canPlayThrough,
   topClick:           eventTypes.click,
@@ -500,6 +507,7 @@ var SimpleEventPlugin = {
     var EventConstructor;
     switch (topLevelType) {
       case topLevelTypes.topAbort:
+      case topLevelTypes.topCancel:
       case topLevelTypes.topCanPlay:
       case topLevelTypes.topCanPlayThrough:
       case topLevelTypes.topDurationChange:

diff --git a/src/renderers/shared/event/EventConstants.js b/src/renderers/shared/event/EventConstants.js
@@ -24,6 +24,7 @@ var topLevelTypes = keyMirror({
   topAnimationIteration: null,
   topAnimationStart: null,
   topBlur: null,
+  topCancel: null,
   topCanPlay: null,
   topCanPlayThrough: null,
   topChange: null,