onKeyDown event not working on divs in React

Question

I want to use a keyDown event on a div in React. I do:

  componentWillMount() {
      document.addEventListener(\"keydown\", this.onKeyPressed.bind(this));
          


        

Answer 1

You have to prevent default event from triggering.

onKeyPressed(e) {
   e.preventDefault();
   console.log(e.key);
}