防止由于iPad上的“touchend”事件而导致错误的按钮点击被处理

Question

我有一个按钮，我已经包含在指令中，如下所示： [button type =“button”class =“btn btn-primary stdbutton {{buttonSize}}”tt-tap =“click（）”ng-transclude] [/ button]（当然不使用'['）

另外，请注意'my-tap'指令。这用于解决由iPad等待查看点击是否实际上是双击导致的300毫秒延迟。它会检测触摸屏引发的“touchend”和“touchmove”事件并对其进行适当处理。

my-tap指令运行正常。我的情况是，当一个按钮用于在两个视图之间导航，并且在另一个视图中屏幕上的相同位置存在类似的按钮时，嵌入式浏览器将其他视图中的按钮保留在选定状态之后导航已经发生了！我假设它正在应用btn-primary.active CSS类作为bootstrap或类似的东西。

通过我的自定义my-tap指令，我可以防止第二个视图上的按钮被错误地“点击”，因为在第二个视图上发生另一个“touchend”事件之前，我的手指无法从屏幕上抬起。这很好。但是，如何让第二个视图上的按钮保持未选定状态？我应该设置一个计时器或其他东西，然后明确地将按钮标签上的类设置为未选中？

Answer 1

这个解决方案的最佳答案是使用fastclick.js，这是一个与angularjs完美集成并导致角度的ng-click指令在iPad上做正确的事情并消除300ms延迟的库，从而使我的自定义指令已过时。