/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 vote378 views1 answer
Heroku buildpacks with react
Javascript React
0 vote388 views1 answer
React native cors origin
Javascript React
0 vote383 views1 answer
Application/ld+json react
Javascript React
0 vote353 views1 answer
How to hide footer in specefic pages in react router
Javascript React
4 votes380 views3 answers
Reactjs date format dd/mm/yyyy
Javascript React
0 vote390 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote316 views1 answer
React native rebuild
Javascript React
-2 votes446 views1 answer
Keyboard close when typing react native
Javascript React
0 vote389 views1 answer
Why to escape from quotation mark in react
Javascript React
0 vote376 views1 answer
React-phone-number-input retur message in react hook form
Javascript React