/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 vote338 views1 answer
Dull a background image in react native
Javascript React
11 votes412 views4 answers
How to check for react version
Javascript React
2 votes414 views2 answers
Discord.js remove reaction
Javascript React
0 vote382 views1 answer
Valueof in react native
Javascript React
0 vote390 views1 answer
How to check if we reach end of div react hooks
Javascript React
0 vote404 views1 answer
Show and hide div based on radio button click react
Javascript React
0 vote394 views1 answer
React tooltip doesn't work
Javascript React
0 vote388 views1 answer
Apache react deploy "conf"
Javascript React
5 votes416 views1 answer
Import react dom
Javascript React
2 votes403 views2 answers
React material ui media queries
Javascript React