邓桉 发表于 2022-7-12 08:34:00

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">
<optionvalue=""></option>
<optionvalue="A"> A </option>
<optionvalue="B"> B </option>
<optionvalue="C"> C </option>
<optionvalue="D"> D </option>
</select>
四、此现象如何避免移入移出option区域时触发body的mouseleave和mouseenter




页: [1]
查看完整版本: mouseleave时间在select上的问题