AngularJS ng-dblclick Directive

by Online Tutorials Library July 22, 2022

AngularJS ng-dblclick Directive

The AngularJS ng-dblclick directive facilitates you to specify custom behavior on a dblclick event. It tells what to do when an HTML element is double-clicked. It doesn’t override the element’s original ondblclick event, both are executed.

It is supported by all HTML elements.

Syntax:

Parameter explanation:

expression: It specifies an expression that is executed when an element is double-licked.

Let’s take an example to demonstrate the ng-dblclick directive.

See this example:

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js" id="ba489871fe4b1d39e04e5d8181d936d3" type="PenciLazyScript"></script>    
<h1 ng-dblclick="count = count + 1" ng-init="count=0">Double click on me!</h1>
<p>The header has been double-clicked<strong> {{count}} </strong>times.</p>
<p>In this example, every double click on the header increases the value of the variable "count".</p>
<p>      </p>

Test it Now

Next TopicAngularJS ng-focus Directive

AngularJS ng-dblclick Directive

AngularJS ng-dblclick Directive

PHP addcslashes() function

Framework7 Notifications

You may also like