/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 vote434 views2 answers
Combine p5 with react
Javascript React
0 vote365 views1 answer
How to add icon in react js
Javascript React
11 votes387 views2 answers
How to add react icons using npm
Javascript React
4 votes412 views1 answer
React how to remove commas from a string
Javascript React
1 vote371 views1 answer
How to redirect in ionic react
Javascript React
7 votes377 views2 answers
React native rename
Javascript React
6 votes388 views1 answer
Disable inputetext in react native
Javascript React
0 vote368 views1 answer
How to make multiple link using react
Javascript React
0 vote374 views1 answer
Formdata append react js
Javascript React
10 votes368 views1 answer
Device height react native
Javascript React