/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 vote339 views1 answer
React Native Text style example
Javascript React
2 votes368 views1 answer
React-redix and redux
Javascript React
0 vote394 views3 answers
React-native restart app
Javascript React
1 vote382 views1 answer
Tab navigation react-native without title
Javascript React
24 votes357 views6 answers
React native navigation
Javascript React
0 vote380 views1 answer
Radio button default checked react
Javascript React
0 vote468 views1 answer
How to get year in react
Javascript React
0 vote412 views1 answer
React userefrence example
Javascript React
2 votes375 views2 answers
How to host a react website
Javascript React
-1 vote368 views8 answers
React native
Javascript React