/Javascript/React/How to trigger on Blur only when clicked outside parent component and not child component in react js

How to trigger on Blur only when clicked outside parent component and not child component in react js

// assign handleBlur to parent's onBlur i.e. <Parent onBlur={handleBlur} />
handleBlur(event) {
    // currentTarget is the parent element, relatedTarget is the clicked element
    if (!event.currentTarget.contains(event.relatedTarget)) {
        // code when clicked outside parent and children components
    }
}

Source: stackoverflow.com

Similar codes

0 vote377 views1 answer
Reactjs typeError: Cannot read property 'offsetHeight' of null
Javascript React
0 vote372 views1 answer
@tippyjs/react
Javascript React
0 vote355 views1 answer
Reactbootstrap multiselect
Javascript React
0 vote345 views1 answer
Package path ./react is not exported from package next-auth
Javascript React
0 vote357 views1 answer
React Hook useEffect has a missing dependency: Either include it or remove the dependency array. If changes too often, find the parent component that defines it and wrap that definition in useCallback. (react-hooks/exhaustive-deps) eslint
Javascript React
0 vote337 views1 answer
React bootstrap col not working
Javascript React
0 vote358 views2 answers
How to hide api key in react
Javascript React
-1 vote332 views8 answers
React native
Javascript React
0 vote367 views1 answer
React throttle render
Javascript React
32 votes338 views6 answers
Font awesome react
Javascript React