/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 vote202 views1 answer
Onclick hold react
Javascript React
24 votes301 views3 answers
Reactjs sass setup
Javascript React
0 vote223 views1 answer
React native cli sdk.dir
Javascript React
0 vote207 views1 answer
Unable to resolve module `@react-native-community/toolbar-android
Javascript React
0 vote204 views1 answer
React native textinput turnoff capitalize first letter
Javascript React
0 vote208 views1 answer
Require cycle disable warning react native
Javascript React
0 vote221 views1 answer
How to make dynamic title for screen in react native
Javascript React
5 votes268 views2 answers
Onclick multiple functions react
Javascript React
0 vote268 views2 answers
How to hide api key in react
Javascript React
4 votes243 views1 answer
Add array of object to state react
Javascript React