选择输入字段中的所有文本[重复]答案

【问题标题】：Select all text in input field [duplicate]选择输入字段中的所有文本[重复]
【发布时间】：2018-01-08 00:58:00
【问题描述】：

我有以下代码用于选择输入字段内的所有文本：

<input id="userName" class="form-control" 
type="text" name="enteredUserName" data-ng-show="vm.userNameDisplayed()" 
    data-ng-model="vm.enteredUserName">

以及选择所有文本的方法：

vm.userNameDisplayed = function() {
    var textArea = angular.element('#userName');
    textArea.setSelectionRange(0, vm.enteredUserName.length)
}

但是在调用这个方法之后什么都没有被选中。

【问题讨论】：

stackoverflow.com/questions/4067469/…
1.我不需要在 onClick 方法 2 上执行此操作。我的代码与提供的示例中的代码相同
您希望何时选择文本？只要用户输入？
其次，ng-show 需要一个解析为真/假的表达式。在您的情况下，将在呈现页面时调用函数 userNameDisplayed。如果当时没有数据，它不会选择任何东西。
搜索标题返回5,000 results。

标签： javascript html angularjs

【解决方案1】：

尝试首先使用 textArea.focus(); 聚焦 textArea

vm.userNameDisplayed = function() {
    var textArea = angular.element('#userName');
    textArea.focus();
    textArea.setSelectionRange(0, vm.enteredUserName.length)
}

【讨论】：