AngularJS ng-mouseleave
Directive
Example
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>
<h1>{{count}}</h1>
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.
Syntax
<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. |