Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Angularjs Double Click (ng-dblclick) example
Keywords : Angularjs double click event example, Angularjs ng-dblclick event example, Angularjs double click on element to call function example, Angularjs ng-dblclick directive example
Example
<!DOCTYPE html> <html> <head> <title> AngularJs ng-dblclick Event Example </title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <script type="text/javascript"> var app = angular.module('ngdblclickApp', []); app.controller('ngdblclickCtrl', function ($scope) { $scope.clkcount = 0; $scope.getdetails = function () { $scope.clkcount = $scope.clkcount + 1; } }); </script> </head> <body> <div ng-app="ngdblclickApp" ng-controller="ngdblclickCtrl"> <h2>AngularJs ng-dblclick Event Directive Example</h2> <input type="button" style="cursor:pointer" value="Double Click Here" ng-dblclick ="getdetails()" /><br /><br /> <span style="color:Red">No. of Times Event Called: {{clkcount}}</span> </div> </body> </html>
Click Here to See Result
Result
Previous
Next