AngularJS ng-keyup Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-keyup Directive

The AngularJS ng-keyup directive specifies the custom behavior of AngularJS when you leave a key after pressing on the keyboard for a specific HTML element.

Following is the order of a key stroke:

Keydown
Keypress
Keyup

It is supported by &ltinput>, &ltselect>, &lttextarea>, and other editable elements.

Syntax:

Parameter explanation:

expression: It specifies an expression that is executed when you leave a key after pressing it on keyboard.

Let’s take an example to demonstrate the usage of ng-keyup directive.

See this example:

     <script type="rocketlazyloadscript" data-minify="1" data-rocket-src="https://www.tutoraspire.com/wp-content/cache/min/1/ajax/libs/angularjs/1.4.8/angular.min.js?ver=1693425700"></script>    
<p>Press and leave any key within the input box.</p>
<p>  <input ng-init="count=0" ng-keyup="count = count + 1">  </p>
<h1>{{count}}</h1>
<p>Every time you leave a key after pressing in the input field, this will increase the value of the variable "count".</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-keyup Directive

AngularJS ng-keyup Directive

AngularJS ng-keyup Directive

PHP addcslashes() function

Framework7 Notifications

You may also like