/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

3 votes362 views1 answer
Force update react hooks
Javascript React
1 vote361 views1 answer
Iconify react
Javascript React
0 vote374 views1 answer
Express react docker container example
Javascript React
9 votes385 views2 answers
Android center text react native
Javascript React
1 vote380 views1 answer
Two button in one row react native
Javascript React
0 vote364 views1 answer
How to run and clone react app
Javascript React
1 vote351 views1 answer
How to get the value of textarea in react
Javascript React
-1 vote375 views2 answers
How to validate date in react
Javascript React
4 votes359 views1 answer
How to empty form after submit in react
Javascript React
1 vote403 views2 answers
Hide react source
Javascript React