mouseleave时间在select上的问题

一、问题
  给body绑定mouseleave和mouseenter事件, 选择select的option时，触发了mouseleave;离开option区域时触发mouseenter;（select 未body内元素）
二、复现率： 100%
三、相关代码：
  1. body绑定实践代码    document.body.onmouseleave = () => {
      console.log('离开了');
    }
    document.body.onmouseenter = () => {
      console.log('移入');
    }
  2. select 相关代码
<select small-index="61" class="match-select">
<option  value=""></option>
<option  value="A"> A </option>
<option  value="B"> B </option>
<option  value="C"> C </option>
<option  value="D"> D </option>
</select>
四、此现象如何避免移入移出option区域时触发body的mouseleave和mouseenter