HTMLInputElement.select()

在此页

句法
范例
注意事项
规范
浏览器兼容性
另请参阅
相关话题

HTMLInputElement.select() method selects all the text in a <textarea> element or in an <input> element that includes a text field.

句法

element.select();

范例

Click the button in this example to select all the text in the <input> 元素。

HTML

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

JavaScript

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

结果

注意事项

调用 element.select() will not necessarily focus the input, so it is often used with HTMLElement.focus() .

In browsers where it is not supported, it is possible to replace it with a call to HTMLInputElement.setSelectionRange() with parameters 0 and the input's value length:

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

规范

规范	状态	注释
HTML 实时标准 The definition of 'select' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

No compatibility data found. Please contribute data for "api.HTMLInputElement.select" (depth: 1) to the MDN 兼容性数据存储库 .

另请参阅

元数据

最后修改： Jun 13, 2019

在此页

句法

范例

HTML

JavaScript

结果

注意事项

规范

浏览器兼容性

另请参阅

相关话题