/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

8 votes151 views2 answers
Set value as object in react hooks
Javascript React
3 votes154 views2 answers
Handle onchange react
Javascript React
1 vote159 views1 answer
How to redirect in ionic react
Javascript React
21 votes173 views6 answers
React native vector icon
Javascript React
142 votes346 views6 answers
Create-react-app
Javascript React
0 vote152 views1 answer
Form- text area react
Javascript React
1 vote149 views1 answer
React-native init AwesomeProject change port
Javascript React
1 vote158 views1 answer
SFC in react
Javascript React
1 vote149 views1 answer
I18n react meta description
Javascript React
0 vote182 views1 answer
How to change the choose file button text in react
Javascript React