AngularJS Directive: Follow Mouse Movement

follow-mousemove.coffee

# dependency: jQuery
app.directive 'followMousemove', ->
  restrict: 'A'
  ($scope, $element, $attr) ->
    $(document).mousemove (e) ->
      $element.css
        # specific number here could be modified
        top: e.pageY
        left: e.pageX
        
    # be sure to turn off the listener on scope destroy
    # because non-angular listeners needs to be manually cleaned up
    $scope.$on '$destroy', ->
      $(document).off('mousemove')