/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

2 votes100 views1 answer
React select with react hook form cotroller
Javascript React
0 vote107 views1 answer
React overflow scroll
Javascript React
3 votes102 views2 answers
React-native android build apk
Javascript React
27 votes115 views6 answers
React usestate
Javascript React
0 vote101 views1 answer
React Spread Attributes conditionally
Javascript React
0 vote98 views1 answer
Dull or blur a background image in react native
Javascript React
0 vote98 views1 answer
Reactjs sweet alert
Javascript React
2 votes110 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote99 views1 answer
Yarn react-native-async-storage
Javascript React
0 vote118 views1 answer
Npm i react-use-navigator-permissions
Javascript React