Angular ng-mousemove Directive
THE WORLD'S LARGEST WEB DEVELOPER SITE

AngularJS ng-mousemove Directive


Example

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

<div ng-mousemove="count = count + 1" ng-init="count=0">Mouse over me!</div>

<h1>{{count}}</h1>
Try it Yourself »

Definition and Usage

The ng-mousemove directive tells AngularJS what to do when a mouse cursor moves over the specific HTML element.

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


Syntax

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

Supported by all HTML elements.


Parameter Values

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