AngularJS | ng-mousemove指令

AngularJS中的ng-mousemove指令用于在特定HTML元素上发生mousemove事件时应用自定义行为。当鼠标移到特定的HTML元素上时，它可用于显示弹出警报。所有HTML元素都支持它。

句法：

 Contents... 

示例1：本示例使用ng-mousemove指令更改CSS样式。

      

    ng-mousemove Directive
      
    
    

  

      
    GeeksforGeeks
      
    ng-mousemove Directive
      
    
        
          
        Current position: {{X}}, {{Y}}
    
      
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.down = function (event) {
                $scope.X = event.clientX;
                $scope.Y = event.clientY;
            };
        }]);
    

  

输出：
在鼠标移动元素之前：

鼠标移动元素后：

示例2：此示例使用ng-mousemove指令显示警报消息。

      

    ng-mousemove Directive
      
    
    

  

      
    GeeksforGeeks
    ng-mousemove Directive
   
    
        Input: 
    
      
    
        var app = angular.module("app", []);
        app.controller('app', ['$scope', function ($scope) {
            $scope.click = 'geeksforgeeks';
            $scope.alert = function () {
                alert($scope.click);
            }
        }]);
    

  

输出：
在鼠标移动输入元素之前：

鼠标移动输入元素后：