Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
THE WORLD'S LARGEST WEB DEVELOPER SITE

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.