JSFiddle - React, Tailwind, and code Playground

HTML

<div id="conteneur">
    <div id="contenu">
        test
    </div>
</div>


<span id="log">

CSS

div {
    margin:1em;
    padding:1em;
}

body { background: gray; }
#conteneur { background: blue; }
#contenu { background: red; }

JavaScript

document.getElementById("conteneur").onmouseover = function(event){
    if(event.target.id === "contenu"){
        log("onmouse over à l'intérieur de contenu");
    } else {
        log("onmouse over à l'intérieur de conteneur mais à l'extérieur de contenu");
    }
}

function log(text){
    document.getElementById("log").innerText+="\n"+text;
}