React onKeyUp Event

React onKeyUp is an event listener that is used to detect the key release event in a browser using JavaScript. This event occurs once after the key is pressed and released.

It is similar to the HTML DOM onkeyup event but uses the camelCase convention in React.

Syntax:

<input onKeyUp={keyUpFunction}/>

Parameter :

• KeyUpFunction is a function that will call once any key is released from Keyboard.

Return type:

• event: It is an event object containing information about the event like target element and values

Example: In this example, we implemented an input field in which we press and release any key from the keyboard, and on each key, we will check the onKeyUp Event listener using JSX. We will print the key in the user interface so that the user can understand which key is released.

Output: