Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

AngularJS ng-mouseleave Directive


Execute an expression when the mouse cursor leaves a <div> element:

<div ng-mouseleave="count = count + 1" ng-init="count=0">Mouse over me! (and mouse away from me...)</div>

Try it Yourself »

Definition and Usage

The ng-mouseleave directive tells AngularJS what to do when a mouse cursor leaves the specific HTML element.

The ng-mouseleave directive from AngularJS will not override the element's original onmouseleave event, both will be executed.


<element ng-mouseleave="expression"></element>

Supported by all HTML elements.

Parameter Values

Value Description
expression An expression to execute when the mouse cursor leaves an element.