<!DOCTYPE html>
<html>
<head>
<title>Wikitechy AngularJS Tutorial</title>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="EventCtrl">
<h2 ng-mousemove="myFunc($event)">Mouse Over Me!</h2>
<p>Mouse Event coordinates in X and Y Axis: {{x + ', ' + y}}</p>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('EventCtrl', function($scope) {
$scope.myFunc = function(axis) {
$scope.x = axis.clientX;
$scope.y = axis.clientY;
}
});
</script>
</body>
</html>