防止对子 div 鼠标悬停的操作

Question

我在另一个里面有一个 div 和 js 来触发鼠标悬停和鼠标移开员工作业。问题是，当我将鼠标悬停在小框 div 上时，会触发 mouseout 事件，然后触发 mouseover 事件。如何防止在“小盒子”div 悬停时发生这种情况？

<div class="employeejob>
          <i class="littlebox">                                                        
          </i>
</div>


//function 1
$('.employeejob').on('mouseover', function() {
  
   //some js

});   


//function 2
$('.employeejob').on('mouseout', function() {

    //some js

});

Answer 1

使用 mouseenter 和 mouseleave :)