/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 vote268 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
5 votes212 views2 answers
React hook form
Javascript React
1 vote256 views3 answers
Switch' is not exported from 'react-router-dom'
Javascript React
0 vote288 views2 answers
Loop through array react native
Javascript React
114 votes238 views3 answers
Run react app
Javascript React
1 vote293 views1 answer
Remove underline from hyperlink react
Javascript React
3 votes269 views3 answers
How to hide source for react project
Javascript React
0 vote243 views1 answer
Native module reactnativepushnotification tried to override rnpushnotification
Javascript React
0 vote247 views1 answer
This.props undefined react native
Javascript React
0 vote273 views1 answer
React js practical tutorial
Javascript React