/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 vote190 views1 answer
Import React from 'react'; import {Router, Scene} from 'react-native-router-flux';
Javascript React
5 votes232 views1 answer
Deploy react js heroku
Javascript React
0 vote182 views1 answer
React-particles-js not working
Javascript React
1 vote210 views2 answers
How to use gif in react native
Javascript React
0 vote210 views1 answer
Svelte reactive async
Javascript React
2 votes225 views2 answers
Import lodash react
Javascript React
0 vote227 views1 answer
React js create element
Javascript React
0 vote198 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
4 votes210 views2 answers
Google map react search place
Javascript React
6 votes206 views1 answer
Disable inputetext in react native
Javascript React