AngularJS | ng-mouseup指令

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

句法：

 Contents...  

示例1：本示例使用ng-mouseup指令更改文本效果。

      

    
    
  
    ng-mouseup Directive

  

      
    GeeksforGeeks
      
    ng-mouseup Directive
      
    
        
            Hold mouse click to see effect.
        
    

  

输出：
离开元素后：

单击元素后：

示例2：本示例使用ng-mouseup指令显示数组元素。

      

    
    
  
    ng-mouseup Directive

  

      
    GeeksforGeeks
      
    ng-mouseup Directive
      
    
        
            
                {{p}}
            
        
          
        You just clicked: {{input}}
    
      
    
        var app = angular.module("app", []);
        app.controller('app', ['$scope', function ($scope)
        {
            $scope.mouseOver = function (data) {
                $scope.input = data;
            };
        $scope.array = ["First", "Second"]
        }]);
    

  

输出：
在单击元素之前：

单击元素后：