/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

9 votes270 views5 answers
Find react version
Javascript React
18 votes275 views6 answers
Export apk react native
Javascript React
0 vote315 views1 answer
React controllers
Javascript React
1 vote272 views1 answer
Reactjs cloudflare
Javascript React
0 vote245 views2 answers
Automated counter with react hooks
Javascript React
1 vote284 views1 answer
Module not found reactstrap
Javascript React
0 vote277 views1 answer
React dynamic settings
Javascript React
0 vote300 views1 answer
React-native-error-check-the-render-method-of-app
Javascript React
0 vote273 views1 answer
React native text input right
Javascript React
1 vote257 views1 answer
Adding parameters to url react router
Javascript React