/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 vote120 views1 answer
Outline none react native web
Javascript React
0 vote130 views1 answer
Nested ternaries react
Javascript React
10 votes143 views3 answers
Jquery react npm
Javascript React
2 votes122 views2 answers
React aws s3 npm
Javascript React
0 vote119 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote131 views1 answer
Rich text react renderer
Javascript React
1 vote134 views1 answer
How to get the value of textarea in react
Javascript React
0 vote218 views1 answer
React big calendar messages
Javascript React
0 vote139 views1 answer
Auto refresh database in outsystems reactive
Javascript React
3 votes133 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React