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;
var padre = document.getElementById('padre');
padre.addEventListener('mouseenter',functOver,true);
function functOver(event)
{
    if(!dentroPadre){
         this.innerHTML += ' Sobre div padre + '+ event.target.id;
    }
    dentroPadre = true;
}
padre.addEventListener('mouseleave',functLeave,true);
function functLeave(event)
{
    
    if(event.target == padre){
        dentroPadre = false;
    }
}