javascript - Hur kan jag upptäcka Touchend eller slutet på ändring av ett intervalvärde?


Jag använder AngularJS med Ionic Framework. Jag utvecklar en applikation för livekommunikation.

Jag har en range slider Ionic-dokumentation. Om jag använder ng-change kallar varje steg på min callback, men jag vill bara överföra slutresultatet. På stationära datorer kan jag använda ng-mouseup men jag kan inte hitta en lösning på mobila enheter. Att skapa en fördröjning är ingen lösning för mig eftersom det måste vara snabbt.

Svar #1

Du kan försöka använda on-release-händelsedirektivet som Ionic tillhandahåller. Exemplet nedan är otestat, men borde ge dig en idé.

http://ionicframework.com/docs/api/directive/onRelease/

Formatting

<div class="range">
  <i class="icon ion-volume-low"></i>
  <input type="range" name="volume" ng-model="temp.volume" on-release="onRelease()">
  <i class="icon ion-volume-high"></i>
</div>

Kontroller

angular.module('App').controller(function ($scope) {
  $scope.onRelease = function () {
    $scope.volume = $scope.temp.volume;
  };
});