触摸触摸屏时立即提供反馈

Question

我们使用AngularJS，Bootstrap和Phonegap来构建一个主要针对iPad的应用程序。到目前为止，我们一直在使用 Bootstrap list-group-item 类。我们发现，在触摸如下所示定义的视觉元素时，用户触摸该元素与接收发生某些事情的视觉反馈之间可能存在半秒的滞后。有没有办法对此进行编码，以便用户在处理点击事件之前获得即时反馈 - 例如突出显示该区域？提供即时反馈会在应用程序的响应能力方面产生重大的感知变化。

<a class="list-group-item" ng-click="studentSelectClick(student.student_info.userId)">
    <span ng-bind-template="{{student.student_info.firstName}}
                            {{student.student_info.lastName}}">
    </span>
</a>

Answer 1

Angular提供了一个模块，ngTouch对此问题进行排序，该问题是由某些触摸设备引起的。根据 http://docs.angularjs.org/api/ngTouch 中的文档，您应该能够将其包含在页面中：

<script src="angular.js">
<script src="angular-touch.js">

然后通过以下方式包含对模块的依赖关系：

angular.module('app', ['ngTouch']);

Answer 2

这是由于移动浏览器处理点击的方式。有两种选择：

1. 使用快速单击。
2. 将浏览器视区设置为没有用户可伸缩性。看到这里，但请注意，它在移动野生动物园中不起作用 - 您可能最终不得不使用快速单击。