/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

1 vote381 views1 answer
Can't type in react input text field
Javascript React
14 votes303 views1 answer
Change checkbox value react
Javascript React
0 vote370 views1 answer
Number format reactjs
Javascript React
3 votes404 views1 answer
React export
Javascript React
0 vote331 views1 answer
React make component full screen
Javascript React
0 vote365 views1 answer
React testing for links
Javascript React
5 votes367 views3 answers
React router lazy load
Javascript React
1 vote375 views1 answer
What is react easy emoji
Javascript React
0 vote357 views1 answer
How to add react.memo in export list
Javascript React
3 votes368 views1 answer
React get method
Javascript React