useFocusBlur

Hook to get focus and blur functions for an element.

Usage

Live Editor

function App() {
	const inputRef = useRef(null);
	const { focus, blur } = useFocusBlur(inputRef);

	return (
		<div>
			<input ref={inputRef} type="text" />
			<button onClick={focus}>Focus</button>
			<button onClick={blur}>Blur</button>
		</div>
	);
}

Result

Loading...

API

Parameter

• elementRef : A React ref object pointing to the element whose focus and blur functions need to be tracked.

Returns : An object with the following properties:

• focus : A function to focus the element.
• blur : A function to blur the element.