javascript - Angular JS 长按事件

Question

如何长按“+”连续增加数值，按“-”连续减少数值，请帮忙。

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
$scope.count = 0;

请参阅http://plnkr.co/edit/3lpyqPPdAyXJOIMxM47V?p=preview

Answer 1

要连续增量，您可以启动一个间隔，该间隔将在 mouserdown 事件上触发增量，并在 mouseup 上清除它。

app.controller('myCtrl', function($scope) {
  $scope.count = 0;
  var interval;
  $scope.start = function(direction) {
    interval = setInterval(function() {
      if(direction == 1) 
        $scope.count++;
      else
      $scope.count--;

      $scope.$apply();  
    }, 100);
  }

  $scope.clear = function() {
    clearInterval(interval); 
  }

});


<h1 ng-mouseup="clear()" ng-mousedown="start(1)">+</h1>
<h1 ng-mouseup="clear()" ng-mousedown="start(0)">-</h1>

http://plnkr.co/edit/u7HA1XzbkdvGe3r2KEuH?p=preview