/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 vote374 views1 answer
How to find the width of outerconatiner in react native
Javascript React
8 votes350 views2 answers
React native italic text
Javascript React
41 votes360 views5 answers
UseRef() in react
Javascript React
0 vote359 views1 answer
Zeamster examples react node
Javascript React
0 vote374 views1 answer
React native use route undefined
Javascript React
1 vote359 views2 answers
React native choose simulator
Javascript React
0 vote364 views1 answer
Use this in a react js component
Javascript React
0 vote376 views2 answers
Undefined is not an object render header flatlist react hook
Javascript React
0 vote356 views2 answers
React native modal dismiss keyboard
Javascript React
6 votes371 views2 answers
React native password field
Javascript React