/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 vote165 views1 answer
React type div onClick
Javascript React
4 votes179 views3 answers
How to add google map in react js
Javascript React
0 vote147 views1 answer
Display image from local JSON / JS Object using React
Javascript React
0 vote161 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote256 views1 answer
Apache react deploy "conf"
Javascript React
0 vote165 views2 answers
Why navlink in react router always active
Javascript React
4 votes176 views1 answer
Text input placeholder color react native
Javascript React
0 vote155 views1 answer
Changing map style react-leaflet
Javascript React
0 vote169 views1 answer
React Update a label when rate moves
Javascript React
0 vote144 views1 answer
React Native - Trigger Media Scanner
Javascript React