/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

15 votes230 views3 answers
Create react app and tailwind
Javascript React
1 vote209 views1 answer
External script in react
Javascript React
0 vote215 views1 answer
React native check os
Javascript React
1 vote171 views2 answers
React-native array.filter by index arrow function
Javascript React
4 votes155 views1 answer
React router dom v6 goback
Javascript React
7 votes196 views3 answers
Conditional style react
Javascript React
0 vote203 views1 answer
2.When will the validation functions be called in the react js
Javascript React
0 vote209 views1 answer
Reactjs ES6 class event listeners in jsx
Javascript React
0 vote196 views1 answer
React Movies
Javascript React
1 vote182 views3 answers
Window.innerHeight react js
Javascript React