【问题标题】:Microsoft Edge Touch (hold) FeedbackMicrosoft Edge 触摸(按住)反馈
【发布时间】:2017-03-12 20:13:31
【问题描述】:

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

有什么想法吗?

【问题讨论】:

    标签: touch contextmenu microsoft-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的设置中,可以关闭触控反馈,这样就可以摆脱触控输入的小尾巴了。轮廓变小了,但仍然可见..
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多