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

Posted 2023-04-18

【中文标题】选择输入字段中的所有文本[重复]

【英文标题】：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)

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

【问题讨论】：

***.com/questions/4067469/…

1.我不需要在 onClick 方法 2 上执行此操作。我的代码与提供的示例中的代码相同

您希望何时选择文本？只要用户输入？

其次，ng-show 需要一个解析为真/假的表达式。在您的情况下，将在呈现页面时调用函数 userNameDisplayed。如果当时没有数据，它不会选择任何东西。

搜索标题返回5,000 results。

【参考方案1】：

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

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