/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

1 vote177 views1 answer
Audio in react
Javascript React
0 vote215 views1 answer
React js error stackoverflaw
Javascript React
0 vote213 views1 answer
ReactRender
Javascript React
7 votes215 views3 answers
React native class component
Javascript React
0 vote208 views1 answer
Routing in react jps
Javascript React
2 votes226 views3 answers
React cdn link
Javascript React
0 vote201 views1 answer
Map of filtered data react
Javascript React
0 vote223 views1 answer
How to add alternate image in img tag in react
Javascript React
-2 votes213 views1 answer
Multiple image upload react
Javascript React
0 vote156 views1 answer
React node github project
Javascript React