/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

23 votes129 views4 answers
How to copy to clipboard in react js
Javascript React
0 vote185 views1 answer
React controllers
Javascript React
0 vote124 views1 answer
How to detect if app is loosing focuse in react native
Javascript React
1 vote146 views1 answer
React native flatlist hide scrollbar
Javascript React
0 vote137 views1 answer
How to change list item text color in react
Javascript React
1 vote150 views1 answer
Import json file in react native
Javascript React
0 vote151 views2 answers
Create a reactjs app with backend and docker
Javascript React
0 vote99 views1 answer
React testing library getBy image
Javascript React
0 vote137 views1 answer
Npm i react-router semantic-ui-react semantic-ui-css
Javascript React
0 vote128 views1 answer
Outline none react native web
Javascript React