反应如何处理OnBlur，并单击“向上”和“向下”箭头作为输入类型为数字

Question

I am trying to grab data only when user stops typing and remove cursor from input eg onBlur along with when Up and down keys are pressed in React

var ExampleForm = React.createClass({
    getInitialState: function () {
        return {lastName: 1} 
    },
    onsChange: function(event) {
        this.setState({lastName: event.target.value});
    },


    render: function() {
       return (<div>
                <input name='lastName'
                    value={this.state.lastName}
                    type={"number"}
                    onChange={this.onsChange.bind(this)}/>
                  </div>

        );
    }
});

ReactDOM.render(
    <ExampleForm/>,
    document.getElementById('view'));

Answer 1

for remove cursor you have to use setTimeout. Do like this...

  onsChange(event) { this.setState({lastName: event.target.value}); var currentTarget = event.target; setTimeout(function(){ currentTarget.blur(); }, 3000); } render() { return ( <div> <input name='lastName' value={this.state.lastName} type={"number"} onChange={this.onsChange.bind(this)}/> </div> ); }