有时需要两次点击来发射一个事件。我该如何解决这个问题？

Question

我知道这是＆＃34;设计＆＃34;，但在Web应用程序尤其是Polymer中处理这个问题的最佳做法是什么？

我使用on-tap，有时候在iOS等上使用它需要几次点击来触发任何事件。这会导致可怕的用户体验，我们的网络应用程序开发人员已经在与本机应用程序相比进行了一场艰苦的战斗。

相关：

• https://developers.google.com/mobile/articles/fast_buttons
• https://www.polymer-project.org/0.5/docs/polymer/touch.html

Answer 1

感谢帮助大家！这似乎已经解决了我：

body {
  -ms-touch-action: none;
  touch-action: none
}

来自https://developers.google.com/web/fundamentals/input/touch/touchevents/#control-gestures-using-touch-actions：

  

CSS属性touch-action允许您控制默认触摸   元素的行为。在我们的示例中，我们使用touch-action：none to   允许，阻止浏览器通过用户的触摸做任何事情   我们拦截所有的触摸事件。

     

touch-action允许您禁用浏览器实现的手势。   例如，IE10 +支持双击缩放手势。通过设置   pan-x的触摸动作pan-y |操纵你防止默认   双击行为。这允许您实现双击手势   你自己。在IE10 +的情况下，它也消除了300ms的点击   延迟。