选择输入焦点上的文本

Question

我有文字输入。当输入获得焦点时，我想选择输入内的文本。

使用jQuery，我可以这样：

<input type="text" value="test" />



$("input[type=text]").click(function() {
    $(this).select();
    // would select "test" in this example
});

我四处搜寻以尝试找到Angular方式，但是我发现的大多数示例都在处理一个指令，该指令正在监视模式属性的更改。我假设我需要一个指令来监视接收焦点的输入。我该怎么办？

Answer 1

在Angular中执行此操作的方法是创建一个自定义指令，该指令会为您自动选择。

module.directive('selectOnClick', ['$window', function ($window) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            element.on('click', function () {
                if (!$window.getSelection().toString()) {
                    // Required for mobile Safari
                    this.setSelectionRange(0, this.value.length)
                }
            });
        }
    };
}]);

应用如下指令：

<input type="text" value="test" select-on-click />

[View demo](http://plnkr.co/edit/bgUG0vbQ3nwuZXfiS71W?p=preview)

Update1 ：删除了jQuery依赖项。

Update2 ：限制为属性。

Update3 ：在移动Safari中工作。允许选择部分文本（要求IE> 8）。