FREE Web Template Download
HTML CSS JAVASCRIPT SQL PHP BOOTSTRAP JQUERY ANGULARJS TUTORIALS REFERENCES EXAMPLES Blog
 

AngularJS ng-mouseup Directive


Example

Execute an expression when a mouse click is finished:

<div ng-mouseup="count = count + 1" ng-init="count=0">Click me!</div>

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

Definition and Usage

The ng-mouseup directive tells AngularJS what to do when a mouse click is finished.

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

The order of a mouse click is:

1. Mousedown

2. Mouseup

3. Click


Syntax

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

Supported by all HTML elements.


Parameter Values

Value Description
expression An expression to execute when a mouse click is finished.