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

Question

我将 AngularJS 与 Ionic Framework 结合使用。我正在开发实时通信应用程序。

我有一个范围 slider ionic docu .如果我使用 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>

Controller

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