AngularJS directives for the document element. Usage doc-click, doc-*. Check ng-click and ng-* for documentation :-)

DocumentEventsModule.js

var dem = angular.module('DocumentEventsModule', []);

angular.forEach(['click', 'dblclick', 'mousedown', 'mouseup', 'mouseover', 'mouseout', 'mousemove', 'mouseenter', 'mouseleave'], function(name) {
    var capitalizedName = name.charAt(0).toUpperCase() + name.slice(1);
    var directiveName = 'doc' + capitalizedName;
    dem.directive(directiveName, ['$parse', '$document', function(parse, document) {
        return function(scope, element, attr) {
            var fn = parse(attr[directiveName]);
            document.bind(name, function(event) {
                scope.$apply(function() {
                    fn(scope, {$event:event});
                });
            });
        };
    }]);
});
​

Example http://jsfiddle.net/bxUMV/15/