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 ......就像这样

Jsfiddle

<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++;
            }
        };        
}]);

所以第一个事件是由点击触发的，然后你通过鼠标移动来处理所有事情...如果你想要偏移，那么不仅仅是将$事件传递给函数。

或类似的东西

如何在按钮点击后检测mousemove事件

2 个答案: