/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 vote253 views1 answer
Usenavigate react router dom v6
Javascript React
7 votes251 views2 answers
Uuid v4 react
Javascript React
0 vote275 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
1 vote249 views1 answer
Import react js video player
Javascript React
0 vote265 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote236 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React
3 votes256 views2 answers
React chart.js
Javascript React
0 vote224 views1 answer
Undefined is not a function (near '...(0, _reactNative.createStackNavigator)...')
Javascript React
19 votes255 views6 answers
React native build android apk
Javascript React
0 vote286 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React