/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
Module missing for arearange highcharts react
Javascript React
0 vote140 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
2 votes136 views1 answer
React allow only numbers in input
Javascript React
0 vote118 views1 answer
How to find network there is no network react native
Javascript React
11 votes143 views2 answers
How to refresh the page using react
Javascript React
6 votes134 views3 answers
React native vector icons not showing
Javascript React
0 vote142 views1 answer
My react router Dom learnings
Javascript React
0 vote117 views1 answer
React native style variable
Javascript React
-1 vote129 views2 answers
3 dots React
Javascript React
2 votes132 views4 answers
Update react
Javascript React