HTMLInputElement: select() 方法

HTMLInputElement.select() 方法会选择 <textarea> 元素或包含文本字段的 <input> 元素中的所有文本。

语法

js
select()

参数

无。

返回值

无 (undefined).

示例

单击此示例中的按钮以选择 <input> 元素中的所有文本。

HTML

html
<input type="text" id="text-box" size="20" value="Hello world!" />
<button onclick="selectText()">Select text</button>

JavaScript

js
function selectText() {
  const input = document.getElementById("text-box");
  input.focus();
  input.select();
}

结果

注意

调用 element.select() 不会自动将输入聚焦，因此通常与 HTMLElement.focus 结合使用。

在不支持此方法的浏览器中，可以使用参数为 0 和输入值长度的 HTMLInputElement.setSelectionRange() 调用来代替。

html
<input onClick="this.select();" value="Sample Text" />
<!-- equivalent to -->
<input
  onClick="this.setSelectionRange(0, this.value.length);"
  value="Sample Text" />

规范

规范
HTML 标准
# dom-textarea/input-select

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅