/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 vote144 views1 answer
How to download json object that come from backend in react
Javascript React
1 vote143 views1 answer
React stripe npm
Javascript React
0 vote163 views1 answer
Lite youtube embed react
Javascript React
0 vote141 views1 answer
React JSON data to display in a table
Javascript React
14 votes148 views2 answers
React router link with params
Javascript React
0 vote155 views1 answer
Open close children modal react
Javascript React
0 vote133 views1 answer
React native pure component vs component
Javascript React
131 votes332 views6 answers
Creating react app
Javascript React
26 votes132 views5 answers
React image
Javascript React
5 votes130 views1 answer
React dom
Javascript React