/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 vote341 views2 answers
How to check reactjs version in command prompt
Javascript React
3 votes192 views3 answers
How to hide source for react project
Javascript React
1 vote220 views1 answer
React-redux todo list
Javascript React
2 votes188 views1 answer
React dynamic import
Javascript React
0 vote182 views1 answer
TrackPromise React
Javascript React
0 vote177 views1 answer
Top bar in react js
Javascript React
0 vote176 views1 answer
Pass text to button component react
Javascript React
0 vote137 views1 answer
React icons cdn
Javascript React
0 vote257 views1 answer
React native filter list
Javascript React
1 vote187 views1 answer
React native android padding style
Javascript React