JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent"> 
    <a href='#' class="child">Child Element Two</a>
    <div class="child">
        <embed width="100" height="100" style="border:1px solid black"></embed>
    </div>
</div>

CSS

#parent {
    padding:20px;
    background-color:red;
}
.child {
    margin:10px;
    background-color:green;
}

JavaScript

(function () {
    $("#parent").on('mouseover mouseleave', function (event) {
        alert("w");
    });
}());