Angular directive to select the content of a textarea when it's focused

ngselectonfocus.js

'use strict';

angular.module('myApp').directive(
    'ngSelectOnFocus',
    function() {
        var factory = {
            restrict: 'A',
            link: function postLink(scope, element) {
                $(element).focus(function(event) {
                    event.target.select();
                    $(event.target).one('mouseup', function(e) {
                        e.preventDefault();
                    });
                });
            }
        };
        return factory;
    }
);

template.htm

<textarea ng-select-on-focus></textarea>