AngularJS | ng-mouseenter指令

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

句法：

 content ...  

范例1：

    
    
        ng-mouseenter Directive
        
    
        .outerDiv {
            width: 100px;
            height: 100px;
            background-color: green;
            margin-left:40px;
        }
    
    
            GeeksforGeeks
            ng-mouseenter Directive
            
                Mouse 
                     {{outer==true?'Enter':'Out'}}
                
  
                
               {{oc}}
            
    

输出：
在Mouseenter之前：

在Mouseenter之后：

范例2：

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

输出：
在Mouseenter之前：

在Mouseenter之后：