버튼을 얼마나 오랫동안 누르고 있었는지 탐지하는 방법.

Question

단추를 얼마나 오래 누르고 있는지 알 수 있습니까? 즉, mousedown과 mouseup 이벤트의 차이점을 어떻게 찾을 수 있습니까? 나는 Javascript에 처음이고 각을 사용하여 처음이다. 이 문제에 도움이된다면

Answer 1

ngMouseUp과 ngMouseDown 지시문을 사용하여 아래에 표시된 것과 같이 시차를 계산할 수 있습니다.

희망 하시겠습니까?

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>