/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 vote180 views1 answer
Difference between dom and react dom
Javascript React
0 vote176 views1 answer
How get value of datePicker in react
Javascript React
-2 votes205 views2 answers
React native text align vertical center
Javascript React
1 vote168 views1 answer
React native cannot make request on localhost
Javascript React
0 vote203 views1 answer
Run react app in different port
Javascript React
0 vote185 views6 answers
State functions of react cheatsheet
Javascript React
15 votes200 views2 answers
Ternary react
Javascript React
0 vote182 views1 answer
Failed to construct image react-native
Javascript React
1 vote176 views1 answer
Press enter reaction js
Javascript React
0 vote183 views1 answer
Filter-vs-map-reactjs-and-jsx
Javascript React