/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 vote100 views1 answer
Responsive calc height react native
Javascript React
1 vote63 views1 answer
Functions inside class component react
Javascript React
2 votes104 views5 answers
React native debugger
Javascript React
15 votes116 views5 answers
React svg
Javascript React
6 votes106 views1 answer
React state management
Javascript React
0 vote129 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
3 votes106 views1 answer
React router dom current path hook
Javascript React
0 vote116 views1 answer
React native get navigation bar height
Javascript React
9 votes104 views5 answers
How to add array data on state react
Javascript React
5 votes108 views4 answers
React native status bar
Javascript React