ボタンがどれだけ長く押されているかを検出する方法。

Question

どのくらいボタンが押されているか分かりました。すなわち、どのように私はmousedownとmouseupイベントの違いを見つけるのですか？私はJavascriptを初めて、角度を使って初めてです。これについての助けがあれば幸いです

Answer 1

個別の指令を作成する代わりに、ngMouseUpと​​指令を使用して、以下に示すように時差を計算することができます。

これはあなたが期待しているものです。

angular.module('myApp', []) 
 

 
.controller('myCtrl', function ($scope){ 
 
    var timeStart, timeEnd; 
 

 
    $scope.mouseDown = function() { 
 
    timeStart = new Date(); 
 
    } 
 

 

 
    $scope.mouseUp = function() { 
 
    timeEnd = new Date(); 
 
    $scope.timeDiff = (timeEnd - timeStart)/1000; 
 
    } 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="myCtrl"> 
 
<button ng-mousedown='mouseDown()' ng-mouseup="mouseUp()">Click me and Hold</button> 
 
    <p ng-if="timeDiff"> You have clicked the button for <b>{{timeDiff}}</b> seconds</p> 
 
</div>