/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 votes134 views1 answer
React state object key value
Javascript React
1 vote135 views1 answer
I18n react meta description
Javascript React
0 vote138 views1 answer
Toggle class onscroll hook react
Javascript React
0 vote145 views1 answer
Error metro bundler process exited with code 1 react native
Javascript React
3 votes134 views1 answer
React router dynamic routes
Javascript React
1 vote132 views1 answer
REACt helmet og tags DONT WORK
Javascript React
11 votes133 views3 answers
React native text ellipsis
Javascript React
0 vote136 views1 answer
Float right react native
Javascript React
0 vote136 views2 answers
Subdomain react app
Javascript React
0 vote217 views1 answer
Nice react native shadow
Javascript React