觸摸屏幕即時反饋

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. 使用fastclick。
2. 將您的瀏覽器視口設置爲不具有用戶可伸縮性。請參閱here，但請注意，它不適用於移動Safari瀏覽器 - 您可能最終不得不使用fastclick。