javascript - Angularjs 鼠标进入事件

Question

我想更改 ng-mouse Enter 事件，因此只有当用户在现场悬停超过一秒时，该事件才会触发 似乎 ng-model-options="{ debounce: 1000 }" 不适用于此事件

有什么想法吗？

Answer 1

<button ng-mouseenter="myEvent()" ng-mouseleave="myEvent2()" > </button>


$scope.flag=false;
$scope.myEvent = function() {
$scope.flag=true;
  $timeOut(function(){


    if($scope.flag)
    {
      // do your logic here

    }
  }, 1000);
}

$scope.myEvent2 = function() {
    $scope.flag=false;
}

这里你可以在mouseenter上设置一个超时，并检查flag是否因鼠标离开而变为假，只有当用户没有离开时才会执行此逻辑完成mouseleave1秒。