/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

22 votes246 views4 answers
Reactjs copytoclipboard box
Javascript React
1 vote227 views1 answer
How hooks handle dependency in react
Javascript React
0 vote242 views1 answer
Get api data from localhost in react native
Javascript React
32 votes225 views1 answer
How to use react router
Javascript React
4 votes242 views2 answers
Axios react post form data
Javascript React
1 vote229 views3 answers
Iframe in react
Javascript React
6 votes267 views2 answers
React native activity indicator
Javascript React
3 votes262 views1 answer
React how to create range
Javascript React
0 vote225 views1 answer
Deploy react to azure : web.config
Javascript React
0 vote221 views2 answers
Airbnb and eslint react native
Javascript React