Tutorials References Exercises Bootcamps Videos Menu
Sign Up Create Website Get Certified Upgrade

AngularJS ng-mousedown Directive


Execute an expression when a mouse click occurs:

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

Try it Yourself »

Definition and Usage

The ng-mousedown directive tells AngularJS what to do when a mouse button is clicked on the specific HTML element.

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

The order of a mouse click is:

1. Mousedown

2. Mouseup

3. Click


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

Supported by all HTML elements.

Parameter Values

Value Description
expression An expression to execute when a mouse button is clicked.