WEB DEVELOPER SITE
HTMLCSSJAVASCRIPTSQLPHPBOOTSTRAPJQUERYANGULARXML
 

AngularJS ng-mouseover Directive


Example

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

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

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

Definition and Usage

The ng-mouseover order guides AngularJS when a mouse cursor moves over the particular HTML element.

The ng-mouseover order from AngularJS won't abrogate the component's unique onmouseover occasion, both will be executed.


Syntax

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

Supported by all HTML elements.


Parameter Values

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