How Do I Set Up An 'onkeypress' Handler On A In React?

I am familiar with React and its event system, but I can't seem to get the onKeyPress event to fire on a element. In fact, I can't get it to fire on a

e

Solution 1:

Just assign tabIndex to the element for getting the focus.

<canvas tabIndex="0" onKeyPress={ () =>console.log( 'fired' ) } />

Solution 2:

canvas.addEventListener('keydown', function(event) {
    alert('keydown');
        }, false);

Check if you can fire the above event :)

Share

You may like these posts

• 
  Attaching Event To Future Elements Using Jquery
• 
  Where Is The "showkeyboard" Event Coming From?
• 
  Is It Possible To Capture Mouse Events On A Scroll Bar In Javascript
• 
  How Do I Use The Enter Key As An Event Handler (javascript)?