Add props.onPressEnter only

README.md

@@ -164,6 +164,12 @@ online example: http://react-component.github.io/input-number/examples/
           <td></td>
           <td>Called when value of an InputNumber changed</td>
         </tr>
+        <tr>
+          <td>onPressEnter</td>
+          <td>Function</td>
+          <td></td>
+          <td>The callback function that is triggered when Enter key is pressed.</td>
+        </tr>
         <tr>
           <td>onFocus</td>
           <td>Function</td>

src/index.js

@@ -47,6 +47,7 @@ export default class InputNumber extends React.Component {
     focusOnUpDown: PropTypes.bool,
     autoFocus: PropTypes.bool,
     onChange: PropTypes.func,
+    onPressEnter: PropTypes.func,
     onKeyDown: PropTypes.func,
     onKeyUp: PropTypes.func,
     prefixCls: PropTypes.string,
@@ -86,6 +87,7 @@ export default class InputNumber extends React.Component {
     style: {},
     onChange: noop,
     onKeyDown: noop,
+    onPressEnter: noop,
     onFocus: noop,
     onBlur: noop,
     parser: defaultParser,
@@ -214,7 +216,7 @@ export default class InputNumber extends React.Component {
   }
 
   onKeyDown = (e, ...args) => {
-    const { onKeyDown } = this.props;
+    const { onKeyDown, onPressEnter } = this.props;
 
     if (e.keyCode === KeyCode.UP) {
       const ratio = this.getRatio(e);
@@ -224,6 +226,8 @@ export default class InputNumber extends React.Component {
       const ratio = this.getRatio(e);
       this.down(e, ratio);
       this.stop();
+    } else if (e.keyCode === KeyCode.ENTER && onPressEnter) {
+      onPressEnter(e);
     }
 
     // Trigger user key down

tests/index.js

@@ -537,6 +537,20 @@ describe('inputNumber', () => {
       Simulate.blur(inputElement);
       expect(onChange.called).to.be(false);
     });
+
+    it('pressEnter works', () => {
+      const onPressEnter = sinon.spy();
+      const Demo = createReactClass({
+        render() {
+          return <InputNumber ref="inputNum" onPressEnter={onPressEnter} />;
+        },
+      });
+      example = ReactDOM.render(<Demo />, container);
+      inputNumber = example.refs.inputNum;
+      inputElement = ReactDOM.findDOMNode(inputNumber.input);
+      Simulate.keyDown(inputElement, { keyCode: keyCode.ENTER });
+      expect(onPressEnter.called).to.be(true);
+    });
   });
 
   describe('default value', () => {