Angularjs mouse enter event

Question

I would like to change the ng-mouse enter event so only if the user hoovered for more then a second on the spot the event will fire seems like ng-model-options="{ debounce: 1000 }" is not working for this event

Any ideas ?

Naeem Shaikh · Accepted Answer · 2014-11-27 06:56:35Z

2

<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;
}

here you can set a timeout on the mouseenter, and check if the flag is made false by the mouse leave, this logic will only execute if the user has not done mouseleave for 1 sec.

answered Nov 27, 2014 at 6:56

Naeem Shaikh

15.8k8 gold badges53 silver badges92 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mahesh Thumar · Accepted Answer · 2014-11-27 06:47:07Z

0

You can not set event fire time using ng-model. You will have to set delay in your event event only. For e.g.

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

$scope.myEvent = function() {
  $timeOut(function(){
    // do your function logic here.
  }, 1000);
}

answered Nov 27, 2014 at 6:47

Mahesh Thumar

4,3955 gold badges24 silver badges30 bronze badges

2 Comments

Naeem Shaikh Over a year ago

this will also fire even if the user hovered for less than a second

yonia Over a year ago

The reason i want it is not to fire the applay chain every time a mouse enter event has happen - only if the user has hovered for while then he deserves it

Collectives™ on Stack Overflow

Angularjs mouse enter event

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related