/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 vote255 views1 answer
How to go to settings on next click in react native
Javascript React
31 votes225 views1 answer
React router dom IndexRedirect
Javascript React
3 votes268 views2 answers
Export default class react
Javascript React
1 vote209 views1 answer
Concatenate a variable inside text react native
Javascript React
26 votes297 views6 answers
React js
Javascript React
0 vote211 views1 answer
Resellerclub api with react js
Javascript React
0 vote215 views1 answer
OnPress image react native
Javascript React
0 vote214 views1 answer
React hooks link to external site new tab
Javascript React
0 vote237 views1 answer
How to download an mp3 file in react native
Javascript React
0 vote249 views1 answer
React Redux component getById crud exemple
Javascript React