/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 vote201 views1 answer
Autofocus is not working in react native
Javascript React
0 vote201 views1 answer
React native qr code scanner
Javascript React
1 vote188 views1 answer
Tailwincss in react native
Javascript React
0 vote196 views1 answer
Radio button default checked react
Javascript React
0 vote208 views1 answer
React native skeleton
Javascript React
0 vote198 views1 answer
Dynamic useState in react
Javascript React
1 vote334 views1 answer
Update create react app package to latest
Javascript React
0 vote197 views1 answer
React keydown event listener
Javascript React
103 votes239 views7 answers
How to create react app
Javascript React
0 vote234 views1 answer
Hot loading react native shortcut key
Javascript React