/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-dropdown-picker for form react native
Javascript React
0 vote400 views1 answer
Mixed line chart for angular or react
Javascript React
0 vote341 views1 answer
Create app with a specific react version
Javascript React
0 vote323 views1 answer
React native hide stack navigator title
Javascript React
0 vote379 views1 answer
Reactstrap search bar
Javascript React
0 vote339 views1 answer
React native whatsapp integration
Javascript React
1 vote362 views5 answers
Enzyme adapter react 17
Javascript React
0 vote333 views1 answer
How to make a github api using react
Javascript React
0 vote369 views1 answer
Websocket with Node and React
Javascript React
23 votes404 views6 answers
React hooks useeffect
Javascript React