Example
Execute an expression when a mouse click occurs:
<div ng-mousedown="count = count + 1" ng-init="count=0">Click me!</div>
<h1>{{count}}</h1>
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
Syntax
<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. |