/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 vote249 views1 answer
React-native firebase v9+ config
Javascript React
0 vote250 views2 answers
Get location from brwoser react
Javascript React
0 vote241 views1 answer
React native navigation remove top header screen
Javascript React
4 votes246 views1 answer
How to use font awewsome in react app
Javascript React
5 votes256 views3 answers
Get url react
Javascript React
6 votes242 views3 answers
React native vector icons not showing
Javascript React
0 vote240 views1 answer
React native prevent rotation of screen
Javascript React
0 vote242 views1 answer
Eject expo app to android and react native
Javascript React
0 vote255 views7 answers
Convert css box shadow to react native
Javascript React
4 votes213 views1 answer
On window resize react
Javascript React