jquery - Microsoft Edge 在支持触摸屏的设备上出现 .mouseenter() 问题

Question

我在一个网站上有 SlimMenu，我注意到在启用触摸屏的设备上使用 Microsoft Edge，当你尝试点击菜单旁边的向下小箭头时，SlimMenu 导航栏处于全宽模式(不是移动切换按钮模式)项，下拉列表将立即向下滑动和向上滑动返回。

起初我认为这是一个 SlimMenu 问题，但在所有其他浏览器上它都按预期工作(即使在 Explorer 11 中)，而且同样的问题可以用 FlexNav 以相同的方式重现。 .

我想这与 Edge 浏览器如何处理 .mouseenter() 和 .mouseleave() 操作有关。

重现问题:

• Windows 10
• 微软边缘
• 支持触摸屏的设备

然后进入SlimMenu页面:http://adnantopal.github.io/slimmenu/ (在页面中间有一个菜单演示，请在全 Angular 模式下尝试)。

那么有人知道是否有解决方法吗？

Answer 1

我是对的。它与 Microsoft Edge 浏览器如何处理 .mouseenter() 和 .mouseleave() 有关。

事实上，它们不应该传播到子元素，但在 Edge 中它们会传播。

为了解决这个问题，我不得不手动停止从“li”到“span”的传播:

$("span").mouseenter(function(event){
event.stopPropagation();  
});