Adding a blur function in React

Posted on

in

,

An example is to hide a menu if you click off it.

const hideMenu = (e) => {
    if ( !e.currentTarget.contains( e.relatedTarget ) ) {
        toggleActive("inactive");
    }
}

This is an example function which changes the variable that affects the menu.

<div onBlur={hideMenu}>
        /* menu elements */
</div>

Then just add the function to the menu container.

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

April 2024
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930