/Javascript/React/React keydown event listener

React keydown event listener

const EscapeListen = React.createClass({
  handleKeyDown: function(e) {
    if (e.keyCode === 27) {
      console.log('You pressed the escape key!')
    }
  },

  render: function() {
    return (
      <input type='text'
             onKeyDown={this.handleKeyDown} />
    )
  }
})

Source: stackoverflow.com

Similar codes

0 vote230 views3 answers
Django send and receive image data to react
Javascript React
1 vote205 views2 answers
How to place text input cursor to start in react native
Javascript React
0 vote218 views1 answer
On close tab react native web
Javascript React
0 vote216 views1 answer
Dropdown list value react fragment
Javascript React
1 vote242 views3 answers
React toggle state
Javascript React
1 vote250 views2 answers
Get syntethicbaseevent and parameter in react
Javascript React
0 vote211 views1 answer
React router route not found redirect
Javascript React
1 vote232 views1 answer
React js router parameters
Javascript React
6 votes223 views2 answers
UseHistory react-router-dom
Javascript React
1 vote192 views1 answer
React native flatlist margin bottom
Javascript React