带有选择的容器上的mouseleave - Internet Explorer 10

Jon*_* M. 13 javascript internet-explorer javascript-events internet-explorer-10

我把一个mouseleave和一个mouseenter事件附加到一个容器上.这个容器包含一个选择和一些随机文本,我将鼠标放在容器上,然后点击选择,这是Chrome和IE 10上发生的情况:

Chrome:没有触发mouseleave(这就是我想要的) 在此输入图像描述

IE 10:触发​​mouseleave(坏,坏) 在此输入图像描述

可以在这里找到演示

我正在寻找一种交叉浏览解决方案,只有当我的鼠标没有悬停在容器及其子容器上时才会触发事件.

big*_*ess 10

我担心<select>标签无法实现理想的跨浏览器解决方案,因为浏览器及其版本在选项的渲染方面有所不同.其中一些使用自己的非可定向GUI和其他HTML元素.在这种情况下,您可以做的最好的是具有隐藏输入的自定义下拉菜单.

BTW.在这种情况下,与mouseover/mouseout相比,mouseenter/mouseleave具有更好的行为并防止冒泡