dblclick處理程序爲什麼不取消點擊處理程序？

Question

JS

angular.module('my-app', []).controller('Ctrl', function ($scope, $timeout) { 
    var t; 

    $scope.click = function() { 
     t = $timeout(function() { 
      alert('click'); 
     }, 1000); 
    }; 

    $scope.dblclick = function() { 
     $timeout.cancel(t); 
     alert('dblclick'); 
    }; 

}); 

模板

<div ng-app='my-app' ng-controller='Ctrl'> 
    <button ng-click='click()' ng-dblclick='dblclick()'>push</button> 
</div> 

的jsfiddle

http://jsfiddle.net/Q6CXW/

Answer 1

有趣的，所以當你雙擊你CAL ling超時取消一次，但在兩次點擊之前創建了兩個定時器。你只取消了一個。

這裏有一個固定的小提琴：

http://jsfiddle.net/Q6CXW/1/

而且修改後的JS：

angular.module('my-app', []) 
.controller('Ctrl', function ($scope, $timeout) { 
    var t=[]; 

    $scope.click = function() { 
     t.push($timeout(function() { 
      alert('click'); 
     }, 1000)); 
    }; 

    $scope.dblclick = function() { 
     for(var i=0;i<t.length;i++) 
     { 
      $timeout.cancel(t[i]); 
     } 
     t=[]; 
     alert('dblclick'); 
    }; 

});