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 ng-mousemove Event Example
Keywords : Angularjs mouse move directive example, Angularjs execute function when mouse moving on html element example, Angularjs ng-mousemove example, Angularjs mouse position ng-mousemove example
Example
<!DOCTYPE html> <html> <head> <title> AngularJs ng-mousemove Event with 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('ngmousemoveApp', []); app.controller('ngmousemoveCtrl', function ($scope) { $scope.count = 0; $scope.getdetails = function () { $scope.count = $scope.count + 1; } }); </script> </head> <body> <div ng-app="ngmousemoveApp" ng-controller="ngmousemoveCtrl"> <h2>AngularJS ng-mousemove Event Example</h2> <div style="padding:10px; border:1px solid black; width:30%; cursor:pointer; font-weight:bold" ng-mousemove="getdetails()">Move Mouse Cursor Here...</div><br /><br /> <span style="color:Red">No. of Times MouseMove Event Fired: {{count}}</span> </div> </body> </html>
Click Here to See Result
Result
Previous
Next
