angularjs - 选择输入焦点上的文本

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

更新1:删除了 jQuery 依赖项。

更新2:限制为属性。

Update3:适用于移动 Safari。允许选择部分文本(需要 IE>8)。