JSFiddle - React, Tailwind, and code Playground

by p4bl1t0

HTML

<div id='padre'>
    Content Padre
   <div id='hijo'>Content Hijo</div>
</div>

CSS

div {border:1px solid black;}

JavaScript

var dentroPadre = false;
document.getElementById('padre').addEventListener('mouseenter',functOver,true);
function functOver()
{
    if(!dentroPadre){
         this.innerHTML += 'sobre div padre';
    }
    dentroPadre = true;
}
document.getElementById('padre').addEventListener('mouseleave',functLeave,true);
function functLeave()
{
    dentroPadre = false;
}