<script>
var father = document.querySelector(".father");
var son = document.querySelector(".son");
// 1. mouseenter
father.addEventListener("mouseenter", function () {
console.log(11);
});
// 2. mouseover
father.addEventListener("mouseover", function () {
console.log(11);
});
</script>