<!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>
 


www.wikitechy.com © Copyright 2016. All Rights Reserved.