JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="topbar">hello
        <div>How<br>are<br>you<br>today<br>?</div>
    </div>
    <div id="mouseEvent">
        <div class="header">
            <div class="container"></div>
        </div>
        <div id="footer">Footer</div>
    </div>
</body>

JavaScript

$('body').bind('mouseover mouseout', function(event) { 
    var list = $('#topbar').find( "*" );
    if($(event.target).is("#topbar") || $(event.target).is(list)) { 
    	alert("hello");
    } else { 
        alert("footer");
    }
});