AngularJS ng-keydown Directive

by Online Tutorials Library July 22, 2022

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.

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

Test it Now

Next TopicAngularJS ng-keypress Directive

AngularJS ng-keydown Directive

AngularJS ng-keydown Directive

PHP addcslashes() function

Framework7 Notifications

You may also like