/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 vote125 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
16 votes137 views3 answers
Importing svg into react
Javascript React
2 votes123 views2 answers
Splice state react
Javascript React
0 vote128 views1 answer
React script syntax for deployment
Javascript React
0 vote117 views1 answer
How to add react.memo in export list
Javascript React
2 votes130 views1 answer
How to import lodash in react
Javascript React
0 vote129 views1 answer
Center child components in react
Javascript React
1 vote108 views1 answer
Press enter reaction js
Javascript React
1 vote123 views1 answer
Handling scrolling on react router transitions
Javascript React
8 votes135 views3 answers
React js props
Javascript React