AngularJS | ng-mousedown指令

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

句法：

 Contents...  

示例1：本示例使用ng-mousedown指令在单击鼠标后设置元素的样式。

      

    
    
      
    ng-mousedown Directive

  

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

  

输出：
在单击元素之前：

单击元素后：

示例2：此示例使用ng-mousedown指令在单击输入区域后显示警报消息。

      

    
    
      
    ng-mousedown Directive

  

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

  

输出：
在单击输入文本之前：

单击输入文本后：