Microsoft Edge 触摸（按住）反馈

Posted 2023-02-21

【中文标题】Microsoft Edge 触摸（按住）反馈

【英文标题】：Microsoft Edge Touch (hold) Feedback

【发布时间】：2017-03-12 20:13:31

【问题描述】：

我正在 Edge 上开发一个带有我自己的触摸交互的触摸应用程序。我想要摆脱的一件事是来自浏览器的长按（按住）反馈。之前，我将手指放在屏幕上一段时间后会弹出一个上下文菜单，我已成功禁用该菜单。但是当我将手指从屏幕上移开时，仍然会出现一个烦人的矩形，可能是触摸反馈，我想禁用它但不知道。

有什么想法吗？

【参考方案1】：

在您的样式表中，您可以清除焦点上的轮廓：

.btn:focus 
  /* The outline parameter surpresses the border color / outline when focused */
  outline: 0;

来自https://developers.google.com/web/fundamentals/design-and-ui/input/touch/ 对于其他浏览器，您可能还想涵盖其他可能的情况，但这应该可以摆脱 Edge 中触摸事件上按钮的默认轮廓。

【讨论】：

我试过了，它似乎不起作用......我的猜测是用于激活上下文菜单的长按事件未绑定到任何按钮。

按钮是否有任何悬停样式？这些行为就像在纯触摸环境中的焦点一样。我只能在桌面（模拟 windows phone）上测试，所以我无法测试这个。您是否使用任何可能添加样式规则的模板/框架？例如：github.com/twbs/bootstrap/issues/18650

我觉得这是浏览器的问题，而不是 javascript。我在 chrome 中尝试过，但没有看到任何这些。另外在windows的设置中，可以关闭触控反馈，这样就可以摆脱触控输入的小尾巴了。轮廓变小了，但仍然可见..