HTMLInputElement.setRangeText()

在此页

HTMLInputElement.setRangeText() method replaces a range of text in an <input> or <textarea> element with a new string.

element.setRangeText(replacement);
element.setRangeText(replacement, start, end [, selectMode]);

replacement

The string to insert.

start 可选

The 0-based index of the first character to replace. Defaults to the current


								selectionStart

value (the start of the user's current selection).

end 可选

The 0-based index of the character after the last character to replace. Defaults to the current


								selectionEnd

value (the end of the user's current selection).

selectMode 可选

A string defining how the selection should be set after the text has been replaced. Possible values:

Click the button in this example to replace part of the text in the text box. The newly inserted text will be highlighted (selected) afterwards.

<input type="text" id="text-box" size="30" value="This text has NOT been updated.">
<button onclick="selectText()">Update text</button>

function selectText() {
  const input = document.getElementById('text-box');
  input.focus();
  input.setRangeText('ALREADY', 14, 17, 'select');
}

规范	状态	注释
HTML 实时标准 The definition of 'HTMLInputElement.setSelectionRange()' in that specification.	实时标准	无变化
HTML5 The definition of 'HTMLInputElement.setSelectionRange()' 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. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`setRangeText`	Chrome 24	Edge 不支持 No	Firefox 27	IE 不支持 No	Opera Yes	Safari 6.1	WebView Android Yes	Chrome Android 25	Firefox Android Yes	Opera Android Yes	Safari iOS 7	Samsung Internet Android Yes