AngularJS ng-keydown Directive

The AngularJS ng-keydown directive specifies the custom behavior of AngularJS when the keyboard is used on the specific HTML element. It doesn't override the element's original onkeydown event, both will be executed.

Following is the order of a key stroke:

Keydown
Keypress
Keyup

It is supported by <input>,<select>,<textarea>, and other editable elements.

Syntax:

Parameter explanation:

expression: It specifies an expression which is executed when a key is pressed.

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body ng-app="">
<p>Press any key within the input box.</p>
<input ng-keydown="count = count + 1" ng-init="count=0" />
<h1>{{count}}</h1>
<p>Every time you press a key in the input field, this will increase the value of the variable "count".</p>
</body>
</html>

Test it Now

Next TopicAngularJS ng-keypress Directive

← prev next →