火狐社区

标题: mouseleave时间在select上的问题 [打印本页]

作者: 邓桉 时间: 2022-7-12 08:34
标题: 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

欢迎光临火狐社区 (http://mozilla.com.cn/)