在支持触摸屏的设备上,Microsoft Edge中的.mouseenter()问题

时间:2017-10-10 09:14:41

标签: jquery css microsoft-edge

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

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

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

要复制此问题:

  • Windows 10
  • Microsoft Edge
  • 启用触摸屏的设备

然后转到SlimMenu页面:http://adnantopal.github.io/slimmenu/(在页面中间你有一个菜单演示,在全宽模式下试试)。

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

1 个答案:

答案 0 :(得分:1)

我是对的。它必须涉及Microsoft Edge浏览器如何处理.mouseenter()和.mouseleave()。

实际上它们不应该传播到子元素,但它们应该传播到边缘。

要解决此问题,我必须手动停止从“li”到“span”的传播:

Intent intent = new Intent(Intent.ACTION_SEND);
intent.putExtra(Intent.EXTRA_SUBJECT, "Summary");
intent.putExtra(Intent.EXTRA_TEXT, Html.fromHtml("<div style='background: red;'>TEST</div>"));
intent.putExtra(Intent.EXTRA_HTML_TEXT,  "<div style='background: red;'>TEST</div>");
intent.setType("text/html");
startActivity(Intent.createChooser(intent, "Send mail"));