Breaking News: Grepper is joining You.com. Read the official announcement!

How to check if a key is pressed/held down using event listeners in React

Wicked Wildebeest answered on July 20, 2022 Popularity 3/10 Helpfulness 3/10

answer How to check if a key is pressed/held down using event listeners in React

How to check if a key is pressed/held down using event listeners in React

Comment

const [shiftHeld, setShiftHeld] = useState(false);


  function downHandler({key}) {
    if (key === 'Shift') {
      setShiftHeld(true);
    }
  }

  function upHandler({key}) {
    if (key === 'Shift') {
      setShiftHeld(false);
    }
  }

  useEffect(() => {
    window.addEventListener('keydown', downHandler);
    window.addEventListener('keyup', upHandler);
    return () => {
      window.removeEventListener('keydown', downHandler);
      window.removeEventListener('keyup', upHandler);
    };
  }, []);

Popularity 3/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript key using

Link to this answer
Share Copy Link