/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 vote379 views1 answer
Module not found: Can't resolve 'C:\Users\{user}\Documents\React apps\{app-name}\node_modules\react-scripts\node_modules\babel-loader\lib\index.js'
Javascript React
1 vote327 views2 answers
React beforeunload
Javascript React
32 votes304 views1 answer
React touter dom
Javascript React
0 vote318 views1 answer
Fullcalendar edit event modal react
Javascript React
0 vote309 views1 answer
Reactjs join two array
Javascript React
0 vote322 views1 answer
How to send data to another page in react from button
Javascript React
0 vote325 views1 answer
How to disable reactive form submit button in Angular
Javascript React
0 vote318 views2 answers
React Calender
Javascript React
3 votes332 views1 answer
How to preview a pdf document in react
Javascript React
0 vote320 views1 answer
UseFetch custom hook for React
Javascript React