AngularJS ng-MouseOver Directive

The AngularJS ng-mouseover directive is used to attach specific functionality on mouse over event.

Syntax

<button ng-mouseover="callFunction()">

AngularJS ng-MouseOver Directive Example

<html>
<head>
<script src= "https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<script type="text/javascript">
//Defining Controller Using Standard Javascrip Object Constructor
var app = angular.module('myApp', []);
app.controller('homeCtrl', function ($scope) {
    $scope.alert = function () {
        alert('Mouse Over Event Demo');
    };
})
</script>
</head>
<body>
<div ng-app="myApp" ng-controller="homeCtrl">
    <div ng-mouseover="alert();" style="background:#3dd33d;">
        Tech Strikers
    </div>
</div>

</body>
</html>

See Live Example

« Previous

AngularJS Code Examples

AngularJS Live Demo

ASP.NET Code Examples

Javascript Code Examples

Interview Q & A

Google MAP API Live Demo

Google MAP API Code Examples

Utility Tools

Articles

Angularjs Tutorials

Angularjs References

Angularjs Examples

AngularJS ng-MouseOver Directive

AngularJS ng-MouseOver Directive Example

Recent Articles