/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 vote306 views1 answer
Styling scrollview height in react native
Javascript React
2 votes340 views1 answer
Dot env react native
Javascript React
0 vote328 views2 answers
How to run react builed version
Javascript React
-1 vote312 views1 answer
New Map() collection in react state
Javascript React
0 vote276 views1 answer
Option component in react js errors
Javascript React
1 vote321 views1 answer
Deploy react to aws
Javascript React
0 vote327 views1 answer
React-drag-drop-files open twice
Javascript React
4 votes317 views1 answer
Read keyboard reactjs
Javascript React
0 vote424 views1 answer
Make a button who disable scrolling down the page react
Javascript React
0 vote306 views1 answer
React focus textarea
Javascript React