AngularJS ng-keypress Directive

The AngularJS ng-keypress directive specifies the custom behavior of AngularJS when you press any on the keyboard for a specific HTML element.

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 that is executed when a key is pressed on the keyboard.

Let's take an example to demonstrate ng-keypress directive.

See this example:

<!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-keyup Directive

← prev next →