Javascript 边缘浏览器：更改“选择”值时触发mouseleave事件

例如：

2010
2011
2012
2013
2014
2015
2016
2017

在Chrome上，Firefox和IE 11 mouseleave在选择一个值时不会触发

在microsoft Edge上，鼠标在更改事件之前释放触发器

由于我在值更改之前更改了选择大小，因此选择在更改时不起作用

---

如何使select与其他浏览器一样工作？

我可以确认浏览器之间的差异。此外，这似乎是EdgeHTML引擎的倒退，因为Windows 10上的Internet Explorer 11功能类似于Google Chrome和Mozilla Firefox：

A.
B
C

with（document.querySelector（“select”））{
addEventListener（“更改”，log.bind（此“更改”）；
addEventListener（“mouseenter”，log.bind（这个“mouseenter”）；
addEventListener（“mouseleave”，log.bind（这个，“mouseleave”）；
}
函数日志（eventName）{
document.body.appendChild(
document.createElement（“p”）
).textContent=eventName；
}

---

我会看看团队是否已经就此提出了问题；如果我们不这样做，我将确保它被跟踪。

工作正常。什么是am问题？它在edge上不起作用

<div>
<form>
    <select class='yearDropdown'>
        <c:forEach var="years" items="${parkYears}">
            <option value="2010">2010</option>
            <option value="2011">2011</option>
            <option value="2012">2012</option>
            <option value="2013">2013</option>
            <option value="2014">2014</option>
            <option value="2015">2015</option>
            <option value="2016">2016</option>
            <option value="2017">2017</option>
        </c:forEach>
    </select>
</form>