Category: react
React dom Events
Published on 30 Mar 2026
Explanation
onKeyDown event is triggered when a keyboard
key is pressed down.
Code:
<input onKeyDown={handleKeyDown} />
Explanation
onKeyUp event is triggered when a pressed
key is released.
Code:
<input onKeyUp={handleKeyUp} />
Explanation
onFocus event occurs when an element gains
focus, such as clicking inside an input
field.
Code:
<input onFocus={handleFocus} />
Explanation
onBlur event occurs when an element loses
focus.
Code:
<input onBlur={handleBlur} />
Explanation
onDoubleClick event is triggered when a user
double-clicks on an element.
Code:
<button onDoubleClick={handleDoubleClick}>Double</button>