單擊按鈕后如何檢測mousemove事件

Question

我有一個div。 我單擊div並在不釋放鼠標鍵的情況下移動光標。 在這種情況下，mousemove事件不起作用。 如何檢測光標位置的變化.....

我的示例代碼如下

$scope.volhandlerclick=function($event)
    {
        $scope.volhandclick=true;
        oldPos=angular.element($event.target).prop('offsetLeft');
        angular.element($event.target).bind("mousemove",function(obj)
        {

            console.log(obj.pageX)

        })      

    };

Answer 1

僅在釋放鼠標按鈕后才會觸發click事件。 您需要使用ng-mousedown而不是ng-click 。

Answer 2

好吧，您始終可以使用ngClick和ngMouseMove ...像這樣

傑斯菲德爾

<div ng-app="myApp">
<div ng-controller="myController">
    <div class="rectangle" ng-mousemove="mouseMove()" ng-click="click()">{{message}}</div>
    {{count}}
</div>

 angular.module('myApp', ['ngTouch'])
    .controller('myController', ['$scope', function ($scope) {
       $scope.message = "Mouse click and move!";
        $scope.count = 0;
        $scope.click = function() {
            $scope.isClicked = true;
        }; 
        $scope.mouseMove = function(){
            if($scope.isClicked){
        $scope.count++;
            }
        };        
}]);

因此，第一個事件是通過單擊觸發的，然后您可以通過鼠標移動來處理所有事情……如果您想要偏移量，而不僅僅是將$ event傳遞給函數。

或類似的東西