javascript - 如何检测 Touchend 或更改范围值的结束？

Question

我将 AngularJS 与 Ionic 框架一起使用。我正在开发一个实时通信应用程序。

我有一个范围滑块离子文档。如果我使用 ng-change 每一步都会调用我的回调，但我只想传输最终结果。在桌面上，我可以使用 ng-mouseup，但在移动设备上找不到解决方案。创建延迟对我来说不是解决方案，因为它必须很快。

Answer 1

您可以尝试使用 Ionic 提供的 on-release 事件指令。下面的示例未经测试，但应该给您一个想法。

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

标记

<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>

控制器

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