/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

7 votes251 views2 answers
Pass props in react
Javascript React
0 vote255 views1 answer
React-native firebase v9+ config
Javascript React
1 vote177 views1 answer
React native run release
Javascript React
1 vote212 views1 answer
React native metro api level 30
Javascript React
3 votes182 views1 answer
How to use react-fontawesome
Javascript React
0 vote201 views1 answer
Stop playing music when page is closed react
Javascript React
4 votes187 views2 answers
Set selected option react
Javascript React
0 vote179 views1 answer
Override backswipe behaviour in ios and android react native
Javascript React
0 vote178 views1 answer
React open on different url instead of localhost
Javascript React
3 votes178 views1 answer
React native netinfo
Javascript React