/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 vote148 views1 answer
Retore react app
Javascript React
0 vote157 views1 answer
React ES6 Arrow Functions
Javascript React
0 vote153 views1 answer
Limit data with axios in react js
Javascript React
0 vote155 views3 answers
Router dom react v6
Javascript React
0 vote192 views1 answer
React document viewer
Javascript React
5 votes247 views2 answers
Add object in array state react
Javascript React
0 vote157 views1 answer
Form- text area react
Javascript React
0 vote149 views1 answer
How to get property names from object using map method react
Javascript React
1 vote159 views5 answers
Enzyme adapter react 17
Javascript React
0 vote157 views1 answer
How we can set react select required
Javascript React