AngularJS Events

AngularJS / AngularJS Events

AngularJS Events are the a thing that happens after a particular action done on the html elements. AngularJS has its own HTML events directives.

AngularJS HTML events directives.
1. ng-blur
2. ng-change
3. ng-click
4. ng-copy
5. ng-cut
6. ng-dblclick
7. ng-focus
8. ng-keydown
9. ng-keypress
10. ng-keyup
11. ng-mousedown
12. ng-mouseenter
13. ng-mouseleave
14. ng-mousemove
15. ng-mouseover
16. ng-mouseup
17. ng-paste

AngularJS Mouse Events

Program Name

Write a Program for AngularJS Mouse Events.

Theory

Program Code


<script src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js">
</script>
<h1>AngularJS - Events</h1>
<div ng-app="App99" ng-controller="myCtrl">
<b ng-mousemove="count = count + 1"  ng-mouseleave="count = count + 1">Mouse Over Event</b></br></br>
<b>{{ count }}</b>

</div>
<script>
    var app = angular.module('App99', []);
    app.controller('myCtrl', function ($scope) {
        $scope.count = 20;
    });
</script>

Input
Mouse Movements

Output
AngularJS Mouse Events

Home Back