Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
THE WORLD'S LARGEST WEB DEVELOPER SITE

AngularJS ng-mousedown Directive


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.